html, body {
    padding: 0;
    margin: 0;
    color: #878786;
    font-family: 'Palanquin', sans-serif;
    min-height: 100%;
    background-color: #fff;
}

body {
    font-size: 14px;
    line-height: 1.4em;
}

b, strong {
    font-family: 'Palanquin', sans-serif;
}

h1, h2 {
    font-family: 'Palanquin', sans-serif;
}

h1 b, h2 b, h1 strong, h2 strong {
    font-family: 'Palanquin', sans-serif;
}

h3, h4, h5, h6 {
    font-family: 'Palanquin', sans-serif;
}

h3 b, h4 b, h5 b, h6 b, h3 strong, h4 strong, h5 strong, h6 strong {
    font-family: 'Palanquin', sans-serif;
}

img {
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #403200;
}

sup {
    font-size: 0.6em;
    line-height: 1em;
}

small, small *, .smaller, .smaller * {
    display: block;
    font-size: 0.7em;
    line-height: 1.4em;
}

.cc-window {
    display: none !important;
}

a.download small {
    display: inline;
}

p a.bb-url {
    text-decoration: underline !important;
}

ul.bb-list-unordered {
    padding: 0 !important;
    list-style: none !important;
}

ul.bb-list-unordered ul.bb-list-unordered {
    padding-left: 22px !important;
}

ul.bb-list-unordered li,
.teaser div:not(.current) ul li,
.teaser div:not(.parent) ul li {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 1em !important;
    display: block !important;
    float: none !important;
    width: auto !important;
}

ul.bb-list-unordered li:before {
    content: "–";
    width: 1em !important;
    margin-left: -1em;
    display: block;
    float: left;
}

h3 + ul.bb-list-unordered {
    margin-top: -1.2em;
}

div.center ul {
    padding: 0;
    list-style: none;
}

div.center ul ul {
    padding-left: 22px;
    line-height: 1.3;
}

div.center ul li {
    margin: 0;
    padding: 0;
    padding-left: 1em;
    display: block;
    float: none;
    width: auto;
    font-size: 120%;
}

div.center ul li ul li {
    font-size: inherit;
}

div.center.form ul li {
    font-size: 120%;
}

div.center ul li:before {
    content: "-";
    width: 1em;
    margin-left: -1em;
    display: block;
    float: left;
}

h3 + ul.bb-list-unordered {
    margin-top: -1.2em;
}

a.data-order.loading {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

a.data-order.loading:hover {
    background-color: inherit;
    color: inherit;
}

input[type=text], input[type=submit], input[type=button], input[type=reset], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

div.imgpixie {
    position: relative;
}

div.imgpixie img.pixie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.clear {
    clear: both;
}

div.white {
    background-color: #fff;
}

div.white.padding {
    padding-top: 40px;
    overflow: hidden;
}

div.yellow {
    background-color: #403200;
    color: #fff;
}

div.yellow, div.yellow * {
    color: #fff;
}

.color, .color * {
    color: #cc0033 !important;
}

div.wrapper {
    display: block;
    position: relative;
    background-color: #fff;
}

div.wrapper div.margin {
    display: block;
    position: relative;
    width: 970px;
    margin: auto;
}

div.wrapper div.top {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background-color: #fff;
    z-index: 500;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

div.wrapper div.top .logo {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 36px;
    margin-top: -18px;
}

div.wrapper div.top div.margin > ul {
    display: block;
    position: relative;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

div.wrapper div.top div.margin > ul > li {
    position: relative;
    display: block;
    float: left;
}

div.wrapper div.top div.margin > ul > li span.arrow {
    display: block;
    margin-left: 10px;
    float: right;
    background-image: url(../media/icons/icon_arrow.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    width: 10px;
    height: 1em;
}

div.wrapper div.top div.margin > ul > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    z-index: 100;
    margin: 0;
    border-top: 20px solid transparent;
    padding: 0;
    list-style: none;
}

div.wrapper div.top div.margin > ul > li:hover > ul,
div.wrapper div.top div.margin > ul > li:hover > ul {
    display: block;
}

div.wrapper div.top div.margin > ul > li > ul ul {
    display: none;
}

div.wrapper div.top div.margin > ul > li > ul > li {
    margin: 0;
    padding: 0;
}

div.wrapper div.top div.margin > ul > li > ul > li a:before {
    content: "+";
    color: #ffdd00;
    padding-right: 10px;
}

div.wrapper div.top div.margin > ul > li > ul > li a:hover:before,
div.wrapper div.top div.margin > ul > li > ul > li a.selected:before {
    color: #ffdd00;
}

div.wrapper div.top div.margin > ul > li > ul > li a {
    white-space: nowrap;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.95);
}

div.wrapper div.top div.margin > ul a {
    display: block;
    padding: 10px;
    padding-top: 25px;
    padding-bottom: 19px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    text-align: left;
    overflow: hidden;
    background-color: #fff;
}

div.wrapper div.top div.margin > ul > li > ul > li a.selected,
div.wrapper div.top div.margin > ul > li > ul > li a:hover {
    color: #403200;
}

div.wrapper div.top div.margin > ul > li.nav-1 {
    padding-right: 60px;
}

div.wrapper div.top div.margin > ul > li.nav span.arrow {
    display: none;
}

div.wrapper div.top div.margin > ul > li > a {
    border-bottom: 6px solid transparent;
}

div.wrapper div.top div.margin > ul > li > a.selected,
div.wrapper div.top div.margin > ul > li > a:hover {
    background-color: inherit;
    border-color: #ffdd00;
}

div.wrapper div.top div.margin > ul li li a {
    padding-top: 15px;
    padding-bottom: 15px;
}

div.wrapper div.cover {
    display: flex;
    position: fixed;
    z-index: 1;
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    height: 230px;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

div.wrapper div.cover.touchscreens .box .message {
    color: #000000;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
}

div.wrapper div.cover.form {
    height: 400px;
}

div.wrapper div.cover img {
    width: 100%;
    height: auto;
}

div.wrapper div.cover.more {
    margin-top: 40px;
    max-height: none;
}

div.wrapper div.cover ul.data-filter-navigation {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 20%;
    width: 60%;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100;
    text-align: center;
}

div.wrapper div.cover ul.data-filter-navigation li {
    display: inline;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.wrapper div.cover ul.data-filter-navigation li a {
    display: inline-block;
    visibility: hidden;
    min-width: 1em;
    line-height: 1em;
    margin-top: 7px;
    margin-left: 4px;
    margin-right: 3px;
    padding: 10px;
    background-color: #fff;
}

div.wrapper div.cover ul.data-filter-navigation li a.overview,
div.wrapper div.cover ul.data-filter-navigation li a.shown {
    visibility: visible;
}

div.wrapper div.cover ul.data-filter-navigation li a:hover {
    background-color: #ffdd00;
    color: inherit;
}

div.wrapper div.cover div.map {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    z-index: 80;
    background-color: #fff;
}

div.wrapper div.cover div.map iframe {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wrapper div.cover div.box {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    position: relative;
    width: 60%;
    height: 54%;
    padding: 0 110px;
    background-color: #eee;
}

div.wrapper div.cover div.box.parent > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 90%;
    height: 90%;
    background: #eee;
}

div.wrapper div.cover div.box h2 {
    background: none;
    margin: 0;
    font-size: 20px;
    padding: 0 10px;
}

div.wrapper div.cover div.box.current {
    justify-content: left;
}

div.wrapper div.cover div.box.current > div {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    width: 100%;
    background: #eee;
}

div.wrapper div.cover div.box .header-breadcrumb li {
    width: auto;
    margin-bottom: 0;
}

div.wrapper div.cover div.box .header-breadcrumb span {
    background: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    /*margin-bottom: 20px;*/
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.2em;
    font-weight: bold;
}

div.wrapper div.cover div.box .header-breadcrumb span.separator {
    margin: 0 5px;
}

div.wrapper div.cover div.box .header-breadcrumb span.last {
    color: #000;
}

div.wrapper div.cover div.box .header-breadcrumb span.first {
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-color: #C6C6C3;
}

div.wrapper div.cover div.box ul {
    width: 100%;
    margin: 0 0 0 10px;
    padding: 0;
    display: block;
    list-style: none;
    overflow: hidden;
}

div.wrapper div.cover div.box ul.header-elements {
    display: flex;
    justify-content: left;
}

div.wrapper div.cover div.box ul li {
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
    list-style: none;
    float: left;
    width: 15%;
    text-align: center;
    font-size: 12px;
}

div.wrapper div.cover div.box ul li a.icon {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    margin: auto;
    margin-bottom: 5px;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

div.wrapper div.cover div.box ul li a.icon.sidebar {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    margin: auto;
    margin-bottom: 5px;
    width: 55px;
    height: 50px;
    overflow: hidden;
}

div.wrapper div.cover div.box ul li a.icon img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

div.wrapper div.cover div.box ul li a.icon.home:hover img,
div.wrapper div.cover div.box ul li.selected a img {
    top: auto;
    bottom: 0;
}

div.wrapper div.cover img.intradeco {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -78px;
    width: auto;
    height: 156px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

div.wrapper div.content {
    display: block;
    position: relative;
    padding: 15px;
    padding-bottom: 50px;
    padding-top: 0;
}

div.wrapper div.breadcrumb {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

div.wrapper div.breadcrumb ul {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.wrapper div.breadcrumb ul li {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
}

div.wrapper div.breadcrumb ul li a {
    margin-right: 10px;
    text-decoration: underline;
}

div.wrapper div.breadcrumb ul li a.selected,
div.wrapper div.breadcrumb ul li a:hover {
    text-decoration: none;
}

div.wrapper div.breadcrumb ul li:after {
    content: '/';
}

div.wrapper div.breadcrumb ul li:last-child:after {
    content: '';
}

div.wrapper div.column {
    display: block;
    position: relative;
    overflow: hidden;
}

div.wrapper div.column div.col,
div.wrapper div.column div.left,
div.wrapper div.column div.center,
div.wrapper div.column div.right {
    display: block;
    position: relative;
    float: left;
    padding-top: 15px;
}

div.wrapper div.column div.right {
    float: right;
}

div.wrapper div.column.three {
    margin-right: -15px;
}

div.wrapper div.column div.col {
    margin-right: 15px;
    padding: 0;
}

div.wrapper div.column div.col a {
    border: 0;
    text-decoration: none;
}

div.wrapper div.column div.col img {
    width: 100%;
    height: auto;
}

div.wrapper div.column div.col h2 {
    font-size: 2em;
    margin: 0;
    margin-top: 10px;
    padding-bottom: 15px;
    background-image: url(../media/elements/border.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.wrapper div.column div.col p {
    margin: 0;
    margin-top: 20px;
    font-size: 1em;
}

div.wrapper div.column div.col.yellow {
}

div.wrapper div.column div.col.noimage div.box,
div.wrapper div.column div.col.yellow div.box {
    padding: 20px;
}

div.wrapper div.column div.col.noimage h2,
div.wrapper div.column div.col.yellow h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

div.wrapper div.column div.col .more a {
    font-weight: bold;
}

div.wrapper div.column div.col .more a:hover {
    color: #868685;
    text-decoration: underline !important;
}

div.wrapper div.column div.col .button {
    cursor: default;
    position: relative;
    z-index: 2;
    display: block;
    border-top: 20px solid #fff;
    background-color: #fff;
    float: none;
    text-align: left;
    padding: 0;
    overflow: hidden;
}

div.wrapper div.column div.col .button a {
    display: block;
    background-color: #ffdd00;
    color: #3f3200;
    border: 20px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    background-image: url(../media/icons/icon_arrow_button.png);
    background-repeat: no-repeat;
    background-position: top right;
}

div.wrapper div.column div.col .button a:hover {
    background-position: bottom right;
    background-color: #3f3200;
    color: #fff;
}

div.wrapper div.column div.col div.box {
    position: relative;
    z-index: 1;
}

div.wrapper div.column div.col.yellow div.box p a {
    text-decoration: none !important;
}

div.wrapper div.column div.col.placeholder div.space {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: inherit;
}

div.wrapper div.column div.col.placeholder div.space img {
    display: block;
    visibility: hidden;
}

div.wrapper div.column div.center,
div.wrapper div.column div.right {
    margin-left: 15px;
}

div.wrapper div.column.half div.center {
    margin-left: 30px;
}

div.wrapper div.column.two div.left {
    width: 227px;
}

div.wrapper div.column.two div.center {
    width: 698px;
}

div.wrapper div.column.two div.right {
    width: 227px;
}

div.wrapper div.column.half div.left {
    width: 455px;
}

div.wrapper div.column.half div.center {
    width: 455px;
}

div.wrapper div.column.three div.left {
    width: 303px;
}

div.wrapper div.column.three div.center {
    width: 304px;
}

div.wrapper div.column.three div.right {
    width: 303px;
}

div.wrapper div.column div.left ul {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.wrapper div.column div.left ul li {
    margin: 0;
    padding: 0;
    color: #ffdd00;
    margin-top: 8px;
    padding-left: 1em;
}

div.wrapper div.column div.left > ul > li:first-child {
    margin-top: 0;
}

div.wrapper div.column div.left ul li:before {
    content: "+";
    color: #ffdd00;
    width: 1em;
    margin-left: -1em;
    display: block;
    float: left;
}

div.wrapper div.column div.left ul li a {
    color: #868685;
}

div.wrapper div.column div.left ul li a:hover {
    color: #3f3200;
}

div.wrapper div.column div.left ul li a.selected {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper div.column div.left ul li a.selected,
div.wrapper div.column div.left ul li a.selected:hover {
    color: #3f3200;
}

div.wrapper div.column div.left li ul {
    display: none;
}

div.wrapper div.column div.left li.selected > ul {
    display: block;
}

div.wrapper div.column.three div.col {
    width: 303px;
}

div.wrapper div.column.two div.left.nav.sticky {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 50;
}

div.wrapper div.column.two div.center {
    float: right;
}

div.wrapper h1:not(.wc-title),
div.wrapper h2 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 275%;
    line-height: 1.2em;
    margin-top: -0.1em;
    margin-bottom: 45px;
    padding-bottom: 12px;
    background-image: url(../media/elements/border.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

div.wrapper h2.sub {
    font-size: 200%;
    margin-top: 2em;
    margin-bottom: 1em;
}

div.wrapper h3,
div.wrapper p,
div.wrapper div.content div.downloads,
div.wrapper ul.bb-list-unordered li {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    font-size: 120%;
    line-height: 1.4em;
}

div.wrapper h3:empty,
div.wrapper p:empty {
    display: none;
}

div.wrapper img {
    height: auto;
    max-width: 100%;
}

div.wrapper div.image {
    margin-top: 4em;
    margin-bottom: 2em;
}

div.wrapper a.calling-button,
div.wrapper div.cover a.calling-button {
    position: absolute;
    width: 160px;
    height: auto;
    top: -25px;
    right: 5px;
}

div.wrapper hr {
    height: 1px;
    margin: 30px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: 0;
    background-color: #eaeaea;
}

div.wrapper hr.form {
    width: 100%;
}

div.wrapper div.column div.right.context {
    display: block;
    position: relative;
    background-color: #ffdd00;
    color: #403200;
    padding: 25px;
    margin: 0;
    margin-left: 30px;
    margin-bottom: 30px;
}

div.wrapper div.column div.right.context h3 {
    margin: 0;
    margin-bottom: 30px;
    font-size: 170%;
    font-family: 'Palanquin', sans-serif;
}

div.wrapper div.column div.right.context h3 b,
div.wrapper div.column div.right.context h3 strong {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper div.column div.right.context p {
    margin: 0;
    padding: 0;
}

div.wrapper div.column div.right.context p a {
    text-decoration: none !important;
}

div.wrapper div.column.half div.box {
    display: block;
    position: relative;
    margin-right: 100px;
}

div.wrapper div.column.half div.box h2 {
    font-family: 'Palanquin', sans-serif;
    margin-bottom: 30px;
    text-transform: none;
}

div.wrapper div.column.half div.box h2 b, div.wrapper div.column.half div.box h2 strong {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper div.column.half div.box p {
    font-size: 1em;
    line-height: 1.4em;
}

div.wrapper div.column.half div.box a.button {
    margin-top: 20px;
}

div.wrapper div.product {
    margin-bottom: 75px;
}

div.wrapper div.product div.overview {
    display: block;
    position: relative;
    margin-bottom: 60px;
}

div.wrapper div.product div.overview ul {
    display: block;
    position: relative;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

div.wrapper div.product div.overview ul li {
    display: block;
    float: left;
    text-align: center;
}

div.wrapper div.product div.overview ul.elem-2 li {
    width: 50%;
}

div.wrapper div.product div.overview ul.elem-3 li {
    width: 33.3%;
}

div.wrapper div.product div.overview ul.elem-4 li {
    width: 25%;
}

div.wrapper div.product div.overview ul.elem-5 li {
    width: 20%;
}

div.wrapper div.product div.overview ul.elem-6 li {
    width: 16.6%;
}

div.wrapper div.product div.overview ul li img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 80px;
}

div.wrapper div.product div.overview ul li b,
div.wrapper div.product div.overview ul li strong {
    display: block;
    margin-bottom: 5px;
}

div.wrapper div.product div.gallery {
    display: block;
    position: relative;
}

div.wrapper div.product div.gallery img {
    display: block;
    width: 100%;
    height: auto;
}

div.wrapper div.product div.gallery div.image {
    display: block;
    position: relative;
    overflow: hidden;
}

div.wrapper div.product div.gallery div.image div.load {
    display: none;
}

div.wrapper div.product div.gallery div.image div.space {
    display: block;
    position: relative;
}

div.wrapper div.product div.gallery div.image div.space img {
    visibility: hidden;
}

div.wrapper div.product div.gallery div.image div.view {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.wrapper div.product div.gallery ul {
    display: block;
    position: relative;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

div.wrapper div.product div.gallery ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 82px;
}

div.wrapper div.product div.gallery ul li a.selected img,
div.wrapper div.product div.gallery ul li a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

div.wrapper div.product div.breadcrumb {
    margin-bottom: 100px;
}

div.wrapper div.product h1 {
    margin-bottom: 0;
}

div.wrapper div.product h2 {
    font-size: 120%;
    font-family: 'Palanquin', sans-serif;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 40px;
}

div.wrapper div.product h2 b, div.wrapper div.product h2 strong {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper div.product div.action {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}

div.wrapper div.product div.action div.edition {
    position: absolute;
    bottom: 0;
    right: 0;
}

div.wrapper div.product div.action div.edition img {
    width: 120px;
}

div.wrapper div.product div.action a.button {
    margin-top: 15px;
    min-width: 190px;
}

div.wrapper div.expand {
    margin-bottom: 45px;
}

div.wrapper div.expand > div.content {
    background-color: #eaeaea;
    padding: 0;
    margin-bottom: 1px;
    overflow: hidden;
}

div.wrapper div.expand > div.content h2 {
    cursor: pointer;
    text-transform: none;
    font-size: 21px;
    font-family: 'Palanquin', sans-serif;
    line-height: 1.3em;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 200%;
    background-image: url(../media/icons/icon_arrow_large.png);
    padding: 20px;
    padding-left: 30px;
    padding-right: 70px;
    margin: 0;
}

div.wrapper div.expand > div.content h2 b, div.wrapper div.expand > div.content h2 strong {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper div.expand > div.content h2:hover {
    background-color: #ffdd00;
}

div.wrapper div.expand > div.content.selected h2:hover {
    background-color: inherit;
}

div.wrapper div.expand > div.content.selected h2 {
    background-position: right bottom;
}

div.wrapper div.expand > div.content > ul.selected {
    position: relative;
    display: block;
    margin: 0;
    margin-left: 15px;
    padding: 0;
    list-style: none;
}

div.wrapper div.expand > div.content.selected > ul.selected:empty {
    height: 28px;
}

div.wrapper div.expand > div.content > ul.selected li {
    float: left;
    display: block;
    margin: 0;
    margin-top: -10px;
    margin-bottom: 20px;
    padding: 0;
    margin-right: 20px;
    z-index: 100;
}

div.wrapper div.expand > div.content > ul.selected li a {
    display: block;
    padding-left: 25px;
    line-height: 18px;
    height: 18px;
    background-image: url(../media/icons/icon_close_small.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px auto;
    text-decoration: underline;
}

div.wrapper div.expand > div.content > ul.selected li a:hover {
    color: inherit;
    text-decoration: none;
}

div.wrapper div.expand.init div.content div.show {
    display: none;
}

div.wrapper div.expand > div.content div.show {
    display: block;
    position: relative;
    padding: 30px;
    padding-top: 0;
    overflow: hidden;
}

div.wrapper div.expand > div.content div.show.padding {
    padding-right: 50%;
}

div.wrapper div.expand > div.content div.show p {
    font-size: 1em;
    line-height: 1.4em;
}

div.wrapper div.expand > div.content div.show p:last-child {
    margin-bottom: 0;
}

div.wrapper div.expand > div.content div.show.column {
    padding-left: 15px;
    padding-right: 15px;
}

div.wrapper div.expand > div.content div.show.column.half div.left div.content {
    padding-right: 0;
}

div.wrapper div.expand > div.content div.show.column.half div.center div.content {
    padding-left: 0;
}

div.wrapper div.expand > div.content div.column.quarter div.quarter {
    display: block;
    position: relative;
    float: left;
    padding-top: 15px;
    width: 25%;
}

div.wrapper .button {
    display: block;
    float: left;
    outline: none;
    cursor: pointer;
    font-size: 1em;
    font-family: 'Palanquin', sans-serif;
    margin: 0;
    border: 0;
    padding: 15px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: #ffdd00;
    text-align: center;
    color: #403200;
}

div.wrapper .button * {
    color: inherit;
}

div.wrapper .button:hover {
    background-color: #403200;
    color: #fff;
}

div.wrapper .button b, div.wrapper .button strong {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper .inline.button {
    cursor: default;
    position: relative;
    z-index: 2;
    display: block;
    border-top: 20px solid #fff;
    background-color: #fff;
    float: none;
    text-align: left;
    padding: 0;
    overflow: hidden;
    width: 50%;
    min-width: 300px;
}

div.wrapper .inline.button a {
    display: block;
    background-color: #ffdd00;
    color: #3f3200;
    border: 20px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    min-height: 28px;
    line-height: 28px;
    overflow: hidden;
    background-image: url(../media/icons/icon_arrow_button.png);
    background-repeat: no-repeat;
    background-position: top right;
}

div.wrapper .inline.button a:hover {
    background-image: url(../media/icons/icon_arrow_button-hover.png);
    background-position: top right;
    background-color: #3f3200;
    color: #fff;
}

.extra-informations {
    display: block;
    width: 100%;
    font-size: 120%;
    line-height: 1.4em;
    margin: 10px 0;
}

#calendar {
    margin-bottom: 30px;
    margin-top: 20px;
}

div.wrapper form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

div.wrapper div.column div.center.form.hide-content,
div.wrapper div.column div.center.redirect-form {
    display: none;
}

div.wrapper div.column div.center.redirect-form.hide-content {
    display: block;
}

div.wrapper form .instructions {
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 15px;
    font-size: 14px;
}

div.wrapper form .input.fromEmail,
div.wrapper form .input.message,
div.wrapper form input[type=submit],
div.wrapper form .alert {
    order: 1;
}

div.wrapper form .errors {
    margin-top: 0;
}

div.wrapper form .errors li:before {
    content: '';
}

div.wrapper form .errors li,
div.wrapper form .alert {
    color: red;
    font-weight: bold;
}

div.wrapper div.input-group {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

div.wrapper div.input-group div.input-element {
    display: block;
    position: relative;
    float: left;
}

div.wrapper div.input-group div.input-element.input-1-2 {
    width: 50%;
}

div.wrapper div.input-group div.input-element.input-1-3 {
    width: 33.33%;
}

div.wrapper div.input-group div.input-element.input-1-4 {
    width: 25%;
}

div.wrapper div.input-group div.input-element.input-3-4 {
    width: 75%;
}

div.wrapper div.input-group div.input-element div.input {
    margin: 0;
}

div.wrapper div.input-group div.input-element:first-child div.input {
    margin-right: 15px;
}

div.wrapper div.input-group div.input-element:last-child div.input {
    margin-left: 15px;
}

div.wrapper input[type=submit] {
    margin-top: 15px;
}

div.wrapper div.input {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 15px 0;
}

div.wrapper div.input label.hide {
    display: none;
}

div.wrapper div.input.options {
    background: none;
    padding: 12px 0;
    margin: 0;
}

div.wrapper div.input .input-informations,
div.wrapper div.input .input-informations,
.input-informations {
    display: block;
    font-size: 120%;
    line-height: 1.4em;
}

div.wrapper div.input.options label {
    display: inline-block;
}

div.wrapper div.input input[type=email],
div.wrapper div.input select,
div.wrapper div.input input[type=phone],
div.wrapper div.input input[type=text],
div.wrapper div.input textarea {
    border: 1px solid #eaeaea;
    outline: 0;
    width: 100%;
    float: left;
    line-height: 1.3em;
    font-size: inherit;
    font-family: inherit;
    background-color: #eaeaea;
    padding: 11px;
    box-sizing: border-box;
}

div.wrapper div.input input[type=text]:focus,
div.wrapper div.input textarea:focus {
    border: 3px solid #eaeaea;
    padding: 9px;
}

div.wrapper div.input.error input[type=text],
div.wrapper div.input.error input[type=phone],
div.wrapper div.input.error input[type=email],
div.wrapper div.input.error input[type=file],
div.wrapper div.input.error textarea {
    border: 3px solid #ffdd00;
}

div.wrapper #calendar.error {
    border: 3px solid #ffdd00;
}

div.wrapper .checkbox {
    display: block;
    margin: 0 !important;
    overflow: hidden;
}

div.wrapper .checkbox input[type=radio],
div.wrapper .checkbox input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
}

div.wrapper .checkbox label {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 9px;
    padding-top: 0;
    padding-right: 5px;
    line-height: 25px; /*height:30px;*/
    overflow: hidden;
}

div.wrapper .checkbox label > span.tick {
    display: block;
    position: relative;
    float: left;
    border: 3px solid #eaeaea;
    margin: 6px;
    margin-top: 4px;
    margin-right: 9px;
    width: 12px;
    height: 12px;
    background-color: #eaeaea;
}

div.wrapper .checkbox label > span.tick span {
    display: block;
    position: absolute;
    top: -21px;
    left: -18px;
    width: 50px;
    height: 50px;
    background-image: url(../media/icons/icon_status.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50px auto;
}

div.wrapper .error .checkbox label > span.tick {
    border-color: #ffdd00;
}

div.wrapper .checkbox input[type=radio]:checked + label > span.tick span,
div.wrapper .checkbox input[type=checkbox]:checked + label > span.tick span {
    background-position: right bottom;
}

div.wrapper #calendar.error {
    border: 3px solid #ffdd00 !important;
}

div.wrapper .checkbox label.image {
    height: auto;
    padding: 10px;
    margin: 2px;
}

div.wrapper .checkbox label.image:hover,
div.wrapper .checkbox input[type=radio]:checked + label.image,
div.wrapper .checkbox input[type=checkbox]:checked + label.image {
    background-color: rgb(247, 247, 247);
    background-color: rgba(255, 255, 255, 1);
}

div.wrapper .checkbox label.image > span.tick {
    display: block;
    margin: 0;
    width: auto;
    height: 65px;
    overflow: hidden;
}

div.wrapper .checkbox label.image > span.tick img {
    width: 100%;
    height: auto;
}

div.wrapper .checkbox label.image > span.tick span {
    width: 35px;
    height: 35px;
    border: 500px solid transparent;
    top: 50%;
    left: 50%;
    margin-left: -518px;
    margin-top: -518px;
    background-image: url(../media/icons/icon_filter.png);
    background-size: 35px auto;
}

div.wrapper .checkbox label.image:hover > span.tick span {
    background-position: right top;
}

div.wrapper div.content p a {
    text-decoration: underline;
}

div.wrapper div.content p a.button {
    text-decoration: none;
}

div.wrapper div.content ul.feature {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    margin-left: -15px;
    padding: 0;
    clear: both;
}

div.wrapper div.content ul.feature li {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    line-height: 50px;
    margin-bottom: 8px;
}

div.wrapper div.content ul.feature > li {
    height: 50px;
}

div.wrapper div.content ul.feature li a {
    display: block;
    margin-left: 15px;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0;
    height: inherit;
    line-height: inherit;
    background-color: rgb(247, 247, 247);
    background-color: rgba(255, 255, 255, 0.75);
    background-image: url(../media/icons/icon_status.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 50px auto;
}

div.wrapper div.content ul.feature li.selected a {
    font-family: 'Palanquin', sans-serif;
    background-position: right bottom;
}

div.wrapper div.content ul.feature li.shown > span.option {
    position: absolute;
    display: block;
    top: -30px;
    margin: 0;
    margin-left: -15px;
    width: 200%;
    padding: 0;
    padding-bottom: 5px;
    padding-left: 15px;
    z-index: 200;
    background-color: rgb(247, 247, 247);
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

div.wrapper div.content ul.feature li.shown > span.option a {
    background-color: inherit;
}

div.wrapper div.content ul.feature li.one.shown > span.option,
div.wrapper div.content ul.feature li.two.shown > span.option {
    left: 15px;
}

div.wrapper div.content ul.feature li.three.shown > span.option,
div.wrapper div.content ul.feature li.four.shown > span.option {
    right: -15px;
}

div.wrapper div.content ul.feature li > span.option ul {
    display: none;
}

div.wrapper div.content ul.feature li.shown > span.option ul {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

div.wrapper div.content ul.feature li.shown > span.option ul li {
    width: 50%;
}

div.wrapper div.content ul.feature li.shown > span.option > a {
    padding: 0;
    margin-right: 15px;
    margin-bottom: 10px;
    font-family: 'Palanquin', sans-serif;
    background-image: url(../media/icons/icon_close.png);
    background-position: right center;
    background-size: 18px auto;
}

div.wrapper div.content ul.feature li.shown > span.option > a:hover {
    color: inherit;
}

div.wrapper div.content ul.results {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    margin-left: -15px;
    padding: 0;
    overflow: hidden;
}

div.wrapper div.content ul.results li {
    float: left;
    width: 25%;
}

div.wrapper div.content ul.results li a {
    position: relative;
    display: block;
    margin-left: 15px;
    margin-bottom: 15px;
}

div.wrapper div.content ul.results li img {
    display: block;
    width: 100%;
    height: auto;
}

div.wrapper div.content ul.results li a > span {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background-color: rgb(55, 45, 40);
    background-color: rgba(0, 0, 0, 0.7);
}

div.wrapper div.content ul.results li a > span span {
    display: block;
    padding: 20px;
}

div.wrapper div.content ul.results li a > span span b,
div.wrapper div.content ul.results li a > span span strong {
    line-height: 2em;
}

div.wrapper div.content ul.results li a:hover > span {
    display: block;
}

div.wrapper div.content ul.index {
    list-style: none;
    display: block;
    margin: 40px;
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-left: none;
    border-right: none;
}

div.wrapper div.content ul.index li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 30px;
}

div.wrapper div.content ul.index li a:hover,
div.wrapper div.content ul.index li a.selected {
    color: #ffdd00;
}

div.wrapper div.content div.list {
    display: block;
    overflow: hidden;
    margin-left: -20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
}

div.wrapper div.content div.list div.box {
    display: block;
    width: 33%;
    float: left;
}

div.wrapper div.content div.list div.box.description {
    width: 67%;
}

div.wrapper div.content div.list div.box > div {
    display: block;
    margin-left: 20px;
    overflow: hidden;
}

div.wrapper div.content div.list div.box img {
    width: 100%;
    height: auto;
    border: 0;
    margin-bottom: 10px;
}

div.wrapper div.content div.list div.box h2 {
    font-size: 25px;
    margin-bottom: 16px;
}

div.wrapper div.content p + div.teaser {
    margin-top: 50px;
}

div.wrapper div.content div.teaser {
    display: block;
    margin-left: -20px;
    margin-top: 50px;
    clear: both;
}

div.wrapper div.content div.teaser div.row {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 20px;
}


div.wrapper div.content div.teaser div.box {
    display: block;
    float: left;
    width: 33%;
}
div.wrapper div.content div.teaser div.box.same-level-pages {
    margin-bottom: 20px;
}

div.wrapper div.content div.teaser div.box > div {
    display: block;
    margin-left: 20px;
    overflow: hidden;
}

div.wrapper div.content div.teaser div.box img {
    width: 100%;
    height: auto;
    border: 0;
    margin-bottom: 5px;
}

div.wrapper div.content div.teaser div.box a {
    text-decoration: none;
}

div.wrapper div.content div.teaser div.box h2 {
    font-size: 22px;
    margin-bottom: 16px;
}

div.wrapper div.content div.teaser div.box p,
div.wrapper div.content div.teaser div.box div.downloads,
div.wrapper div.content div.teaser div.box ul li {
    font-size: 14px;
    margin-bottom: 19px;
    line-height: 19px;
}

div.wrapper div.content div.teaser div.box ul li a {
    padding-left: 15px;
}

div.wrapper div.content div.teaser div.box p.more a:hover {
    text-decoration: underline;
}

div.wrapper div.content div.teaser div.box .button {
    display: block;
    float: none;
}

div.wrapper div.content div.teaser div.box > .button {
    margin-left: 20px;
}

div.wrapper div.content div.teaser div.box.expand > div.info {
    overflow: hidden;
}

div.wrapper div.content div.teaser div.box.expand > div.open,
div.wrapper div.content div.teaser div.box.expand > div.close {
    display: none;
    font-size: 14px;
    font-weight: bold;
    margin-top: 1em;
}

div.wrapper div.content div.teaser div.box.expand.closed > div.open {
    display: block;
}

div.wrapper div.content div.teaser div.box.expand.opened > div.close {
    display: block;
}

div.wrapper div.content div.downloads h3 {
    display: none;
}

div.wrapper div.content div.downloads ul {
    font-size: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.wrapper div.content li.pdf {
    background-image: url(../media/icons/icon_download.png);
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: 0 4px;
    font-size: 120%;
}

div.wrapper div.content li.pdf:before {
    content: "";
    padding-right: 0 !important;
}

div.wrapper div.content li.pdf a {
    display: block;
    font-weight: bold;
    padding-left: 25px;
    color: #403200;
    font-size: inherit;
    line-height: 1.2em;
}

div.wrapper div.content li.pdf a:hover {
    color: #878786;
}

div.wrapper div.content li.pdf a small {
    color: #878786;
    font-weight: normal;
}

div.wrapper div.gallery {
    display: block;
    position: relative;
    margin-bottom: 50px;
}

div.wrapper div.gallery img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

div.wrapper div.gallery div.image {
    display: block;
    position: relative;
    overflow: hidden;
}

div.wrapper div.gallery ul {
    display: block;
    position: relative;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: -20px;
}

div.wrapper div.gallery ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 33%;
}
div.wrapper div.gallery ul li:before {
    content: "";
}

div.wrapper div.gallery ul li.a0 {
    clear: left;
}

div.wrapper div.gallery ul li a {
    display: block;
    margin-left: 20px;
    margin-bottom: 20px;
}

div.wrapper div.gallery ul li a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

div.wrapper div.end {
    display: block;
    position: relative;
    margin: 40px;
    margin-top: 60px;
}

div.wrapper div.end a.top {
    display: block;
    position: relative;
    margin: auto;
    width: 80px;
    height: 80px;
    text-indent: -1000px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../media/icons/icon_top.png);
    overflow: hidden;
}

div.wrapper div.cover div.box .go-back {
    display: block;
    position: absolute;
    left: -50px;
    top: 10px;
    margin: auto;
    width: 80px;
    height: 80px;
    text-indent: -1000px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../media/icons/icon_go_back.png);
    overflow: hidden;
}

div.wrapper div.end a.top:hover {
    background-position: right top;
}

div.wrapper div.bottom {
    display: block;
    position: relative;
    background-color: #eaeaea;
    padding-top: 35px;
    z-index: 60;
}

div.wrapper div.bottom h3 {
    text-transform: uppercase;
}

div.wrapper div.bottom h3,
div.wrapper div.bottom p {
    font-size: 1em;
    line-height: 1.4em;
}

div.wrapper div.bottom a:hover {
    color: inherit;
    text-decoration: underline;
}

div.wrapper div.bottom div.third {
    display: block;
    position: relative;
    width: 33.33%;
    float: left;
}

div.wrapper div.bottom div.third > div {
    margin-right: 30px;
}

div.wrapper div.bottom div.third > div > ul {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    text-align: center;
}

div.wrapper div.bottom div.third > div > ul > li {
    display: inline-block;
    padding: 5px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

div.wrapper div.bottom div.third > div > ul > li a {
    text-decoration: underline;
}

div.wrapper div.bottom div.third > div > ul > li a:hover {
    text-decoration: none;
}

div.wrapper div.bottom h3 img {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -1px;
    height: 15px;
}

div.wrapper div.bottom .button {
    font-weight: bold;
    background-color: #d9d9d9;
    color: inherit;
    padding-top: 8px;
    padding-bottom: 8px;
}

div.wrapper div.bottom .button:hover {
    text-decoration: none;
    background-color: #fff;
}

div.wrapper div.bottom div.third .bb-table td {
    padding-right: 10px;
}

div.wrapper div.bottom div.third .bb-table td p {
    margin-bottom: 0;
}

div.wrapper div.bottom div.third {
}

div.wrapper div.bottom div.copyright {
    margin-top: 1em;
}

div.wrapper div.bottom div.copyright ul {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.wrapper div.bottom div.copyright ul li {
    float: left;
    margin-right: 20px;
}

div.wrapper div.bottom div.copyright ul li a {
    font-weight: bold;
}

div.wrapper div.bottom div.copyright ul li a.selected {
    text-decoration: underline;
}

div.wrapper.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: visible;
    background-color: transparent;
}

div.wrapper.overlay.shown {
    display: block;
}

div.wrapper.overlay div.background {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 800;
    opacity: 0.05;
    filter: alpha(opacity=5);
    background-color: #000;
}

div.wrapper.overlay div.content {
    display: block;
    position: absolute;
    top: 200px;
    left: 5%;
    z-index: 900;
    width: 90%;
    padding: 0;
    padding-bottom: 70px;
}

div.wrapper.overlay div.content div.close {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
}

div.wrapper.overlay div.content div.close a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    text-indent: -1000px;
    padding: 10px;
    background-image: url(../media/icons/icon_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px auto;
}

/*div.wrapper.overlay div.content div.close a:hover { background-color:#ffdd00; }*/
div.wrapper.overlay div.content div.form {
    padding: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

div.wrapper.overlay div.content h2 {
    font-family: 'Palanquin', sans-serif;
    font-size: 34px;
    text-transform: none;
}

div.wrapper.overlay div.content h2 b, div.wrapper.overlay div.content h2 strong {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper.overlay div.content div.column.context {
    overflow: hidden;
    margin-top: 70px;
}

div.wrapper.overlay div.content div.column.context div.left {
    width: 35%;
    margin: 0;
}

div.wrapper.overlay div.content div.column.context div.center {
    width: 65%;
    margin: 0;
}

div.wrapper.overlay div.content div.column.context div.context {
    display: block;
    position: relative;
    background-color: #ffdd00;
    padding: 25px;
    margin: 0;
    margin-right: 30px;
}

div.wrapper.overlay div.content div.column.context div.context h3 {
    margin: 0;
    margin-bottom: 30px;
    font-size: 170%;
    font-family: 'Palanquin', sans-serif;
}

div.wrapper.overlay div.content div.column.context div.context h3 b,
div.wrapper.overlay div.content div.column.context div.context h3 strong {
    font-family: 'Palanquin', sans-serif;
}

div.wrapper.overlay div.content div.column.context div.context p {
    margin: 0;
    padding: 0;
}

div.wrapper.overlay#order ul.basket {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    margin-top: 25px;
    padding: 0;
}

div.wrapper.overlay#order ul.basket li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 12px;
    overflow: hidden;
}

div.wrapper.overlay#order ul.basket li img {
    display: block;
    width: 67px;
    height: 67px;
    float: left;
    margin-right: 15px;
}

div.wrapper.overlay#order ul.basket li span {
    display: table-cell;
    height: 67px;
    vertical-align: middle;
    padding-right: 100px;
}

div.wrapper.overlay#order ul.basket li b,
div.wrapper.overlay#order ul.basket li strong {
    display: block;
}

div.wrapper.overlay#order ul.basket li a.remove {
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    width: 18px;
    height: 18px;
    padding: 10px;
    text-indent: -1000px;
    overflow: hidden;
    background-image: url(../media/icons/icon_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px auto;
}

div.wrapper.overlay#order ul.basket li a.remove:hover {
    background-color: #ffdd00;
}

div.wrapper.overlay#order ul.basket li.empty {
    display: none;
    font-family: 'Palanquin', sans-serif;
    background-color: #ffdd00;
    padding: 12px;
    border: 0;
}

div.wrapper.overlay#order ul.basket li:first-child {
    display: block !important;
}

div.wrapper.overlay#order div.step1,
div.wrapper.overlay#order div.step2 {
    display: none;
}

div.wrapper.overlay#order div.step1.shown,
div.wrapper.overlay#order div.step2.shown {
    display: block;
}

div.wrapper.overlay#order div.step1 div.column {
    text-align: center;
}

div.wrapper.overlay#order div.step1 a {
    display: inline-block;
    float: none;
}

div.wrapper.overlay#lightbox div.content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}

div.wrapper.overlay#lightbox div.content a.close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    text-indent: -1000px;
    padding: 8px;
    background-image: url(../media/icons/icon_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px auto;
}

div.wrapper.overlay#lightbox div.content div.html {
    padding: 30px;
    overflow: hidden;
    background-image: url(../media/elements/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

div.wrapper.overlay#lightbox div.content div.html div.img {
    position: relative;
}

div.wrapper.overlay#lightbox div.content div.html > div.img img {
    display: block;
    width: 100%;
    height: auto;
}

div.wrapper.overlay#lightbox div.content div.html > div.title {
    padding-top: 10px;
    text-align: center;
}

div.wrapper.overlay#lightbox div.content div.html > div.img a.nav {
    color: transparent;
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 50;
    font-weight: bold;
    font-size: 100px;
}

div.wrapper.overlay#lightbox div.content div.html > div.img a.nav span {
    position: absolute;
    top: 50%;
    height: 100px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 100px;
    margin-top: -50px;
}

div.wrapper.overlay#lightbox div.content div.html > div.img a.nav.prev,
div.wrapper.overlay#lightbox div.content div.html > div.img a.nav.prev span {
    left: 0;
}

div.wrapper.overlay#lightbox div.content div.html > div.img a.nav.next,
div.wrapper.overlay#lightbox div.content div.html > div.img a.nav.next span {
    right: 0;
}

div.wrapper.overlay#lightbox div.content div.html > div.img a.nav:hover {
    color: #fff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

div.wrapper.overlay#lightbox.loading div.content {
    width: auto !important;
    height: auto !important;
}

div.wrapper.overlay#lightbox.loading div.content div.html {
    padding: 100px;
}

div.wrapper.overlay#lightbox.loading div.content div.html > div.img img {
    display: none;
}

#data-filter {
    display: none;
}

.shown#data-filter {
    display: block;
}

.data-filter {
    display: none;
}

.data-filter.shown {
    display: block;
}

html, body {
    width: 970px;
}

.data-filter-clear {
    display: none;
    float: right;
    font-size: 14px;
    color: #868685;
}

.data-filter-clear:hover {
    text-decoration: underline;
}

.data-filter-clear.shown {
    display: block;
}

.cc-link {
    display: none;
}

.recaptcha-field {
    display: none;
}

div.wrapper div.column div.col.yellow div.box h2 {
		font-size:2.5vw;
}


@media only screen and (min-width: 0px) {
    html, body,
    body > div.background {
        width: 100%;
    }

    div.wrapper div.margin {
        width: 100%;
        max-width: 970px;
    }
}

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

    div.wrapper div.margin {
        max-width: 1170px;
    }

    div.wrapper div.top div.margin > ul a {
        padding-left: 20px;
        padding-right: 20px;
    }

    div.wrapper div.column.two div.left {
        width: 277px;
    }

    div.wrapper div.column.two div.center {
        width: 848px;
    }

    div.wrapper div.column.two div.right {
        width: 277px;
    }

    div.wrapper div.column.half div.left {
        width: 555px;
    }

    div.wrapper div.column.half div.center {
        width: 555px;
    }

    div.wrapper div.column.three div.col,
    div.wrapper div.column.three div.left,
    div.wrapper div.column.three div.center,
    div.wrapper div.column.three div.right {
        width: 370px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    div.wrapper div.cover div.box {
        display: flex;
        align-items: center;
        justify-content: left;
        flex-wrap: wrap;
        position: relative;
        width: 90%;
        height: 54%;
        background-color: #eee;
    }

    div.wrapper div.cover div.box ul li {
        width: 14%;
    }

    div.wrapper div.cover div.box.parent > div {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 80%;
        height: 90%;
        background: #eee;
        margin-left: 5%;
    }

    div.wrapper a.calling-button, div.wrapper div.cover a.calling-button {
        position: absolute;
        width: 110px;
        height: auto;
        top: -35px;
        right: 5px;
    }

    div.wrapper div.cover.products img.intradeco {
        display: none;
    }
}
@media only screen and (max-width: 1200px) {
	div.wrapper div.content div.teaser div.box h2 {
		font-size:2vw;
	}

    div.wrapper div.cover div.box ul li {
        width: 12%;
    }

    div.wrapper div.cover div.box.current ul li {
        width: 30% !important;
    }
}


@media only screen and (min-width: 0px) and (max-width: 1000px) {
    div.wrapper div.cover div.box ul.header-elements {
        flex-wrap: wrap;
    }

    div.wrapper div.cover div.box ul li a.icon.sidebar {
        display: none;
    }

    div.wrapper div.cover div.box ul li {
        width: 25%;
    }

    div.wrapper h1, div.wrapper h2,
    div.wrapper h1:not(.wc-title), div.wrapper h2 {
        font-size: 220%;
    }

    div.wrapper h2.sub {
        font-size: 170%;
    }

    div.wrapper div.margin {
        max-width: 870px;
    }

    div.wrapper div.top div.margin > ul a {
        padding-left: 8px;
        padding-right: 8px;
    }

    div.wrapper div.top div.margin > ul > li.nav-1 {
        padding-right: 0;
    }

    div.wrapper div.column.two div.left {
        width: 177px;
    }

    div.wrapper div.column.two div.center {
        width: 648px;
    }

    div.wrapper div.column.two div.right {
        width: 177px;
    }

    div.wrapper div.column.half div.left {
        width: 405px;
    }

    div.wrapper div.column.half div.center {
        width: 405px;
    }

    div.wrapper div.column.three div.col,
    div.wrapper div.column.three div.left,
    div.wrapper div.column.three div.center,
    div.wrapper div.column.three div.right {
        width: 270px;
    }

    div.wrapper.overlay div.content div.column.context div.left {
        width: 40%;
    }

    div.wrapper.overlay div.content div.column.context div.center {
        width: 60%;
    }

    div.wrapper div.product div.action div.edition img {
        width: 70px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
    div.wrapper h1, div.wrapper h2,
    div.wrapper h1:not(.wc-title), div.wrapper h2 {
        font-size: 200%;
    }

    div.wrapper h2.sub {
        font-size: 160%;
    }

    div.wrapper div.margin {
        max-width: 750px;
    }

    div.wrapper div.top .logo {
        margin-top: -12px;
    }

    body.nav {
        height: 100%;
        overflow: hidden;
    }

    body.nav div.wrapper div.top div.margin {
        max-width: none;
    }

    body.nav div.wrapper div.top {
        height: 100%;
        overflow: scroll;
    }

    div.wrapper div.cover img.intradeco {
        display: none;
    }

    div.wrapper div.top div.margin {
        height: 64px;
    }

    div.wrapper div.top div.margin > ul {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 64px;
        height: 64px;
        cursor: pointer;
        overflow: hidden;
        background-image: url(../media/icons/icon_nav.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 24px auto;
    }

    div.wrapper div.top div.margin > ul > li {
        display: none;
    }

    div.wrapper div.top div.margin > ul > li.nav-1 {
        padding: 0;
    }

    div.wrapper div.top div.margin > ul > li.nav > ul,
    div.wrapper div.top div.margin > ul > li.nav span.arrow {
        display: block;
    }

    div.wrapper div.top div.margin > ul > li.nav span.arrow {
        display: none;
    }

    div.wrapper div.top div.margin > ul:hover {
        background-color: #ffdd00;
    }

    div.wrapper div.top div.margin > ul.shown {
        position: absolute;
        padding: 10px;
        padding-top: 64px;
        right: 0;
        margin: 0;
        z-index: 2000;
        min-width: 200px;
        width: auto;
        height: auto;
        overflow: hidden;
        background-color: #fff;
        background-image: url(../media/icons/icon_close.png);
        background-size: 14px 14px;
        background-position: 25px 25px;
        background-repeat: no-repeat;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    }

    div.wrapper div.top div.margin > ul.shown > li {
        display: block;
    }

    div.wrapper div.top div.margin > ul.shown:hover {
        background-color: #fff;
    }

    div.wrapper div.top div.margin > ul > li {
        float: none;
        border-top: 1px solid #eaeaea;
        padding-top: 5px;
        margin-top: 5px;
    }

    div.wrapper div.top div.margin > ul > li:first-child {
        margin-top: 0;
    }

    div.wrapper div.top div.margin > ul > li > ul {
        display: block;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        min-width: 0;
    }

    div.wrapper div.top div.margin > ul > li > ul ul {
        display: block;
        padding: 0;
        margin: 0;
        margin-left: 18px;
    }

    div.wrapper div.top div.margin > ul a {
        padding-left: 20px;
        line-height: 1em;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 20px;
    }

    div.wrapper div.top div.margin > ul li li {
        display: block;
    }

    div.wrapper div.top div.margin > ul li li a {
        font-size: 90%;
        margin-top: 1px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    div.wrapper div.top div.margin > ul > li > ul,
    div.wrapper div.top div.margin > ul > li > a {
        border: 0;
    }

    div.wrapper div.top div.margin > ul > li > a.selected,
    div.wrapper div.top div.margin > ul > li > a:hover {
        background-color: #ffdd00;
        color: inherit;
    }

    div.wrapper div.top div.margin > ul ul ul ul {
        display: none !important;
    }

    div.wrapper div.top div.margin > ul ul ul a {
        font-weight: normal;
    }

    div.wrapper div.column.two div.left {
        width: 177px;
    }

    div.wrapper div.column.two div.center {
        width: 528px;
    }

    div.wrapper div.column.two div.right {
        width: 177px;
    }

    div.wrapper div.column.half div.left {
        width: 345px;
    }

    div.wrapper div.column.half div.center {
        width: 345px;
    }

    div.wrapper div.column.three div.col,
    div.wrapper div.column.three div.left,
    div.wrapper div.column.three div.center,
    div.wrapper div.column.three div.right {
        width: 230px;
    }

    div.wrapper div.top div.margin > ul a {
        padding-left: 15px;
        padding-right: 15px;
    }

    div.wrapper div.top div.margin > ul > li.nav-1 {
        padding-right: 0;
    }

    div.wrapper.overlay div.content div.column.context div.left {
        width: 45%;
    }

    div.wrapper.overlay div.content div.column.context div.center {
        width: 55%;
    }

    div.wrapper.overlay#lightbox div.content a.close {
        width: 12px;
        height: 12px;
        padding: 0;
        margin: 6px;
        background-size: 100% auto;
    }

    div.wrapper.overlay#lightbox div.content div.html {
        padding: 20px;
    }

    div.wrapper div.expand > div.content div.show.padding {
        padding-right: 25%;
    }

    div.wrapper div.product div.action div.edition {
        display: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
    div.wrapper div.cover div.box.parent > div {
        background: transparent;
    }
    div.wrapper div.cover div.box.parent > div ul {
        display: none;
    }

    div.wrapper div.cover div.box h2 {
        margin-bottom: 10px;
    }

    div.wrapper div.cover div.box ul li a.icon {
        width: 45px;
        height: 45px;
    }

    div.wrapper div.breadcrumb_wrapper {
        display: none;
    }

    div.wrapper.overlay div.content {
        top: 100px;
    }

    div.wrapper h1, div.wrapper h2,
    div.wrapper h1:not(.wc-title), div.wrapper h2 {
        font-size: 160%;
    }

    div.wrapper h2.sub {
        font-size: 22px;
    }

    div.wrapper div.margin {
        max-width: 100%;
    }

    div.wrapper div.column.three div.right,
    div.wrapper div.column.two div.left,
    div.wrapper div.column.two div.center {
        display: block;
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 15px;
        overflow: hidden;
    }

    div.wrapper div.column div.center.form.hide-content, div.wrapper div.column div.center.redirect-form {
        display: none;
    }

    div.wrapper div.column.two div.left.nav {
        display: none;
    }

    div.wrapper div.column.three div.left,
    div.wrapper div.column.three div.center,
    div.wrapper div.column.half div.left,
    div.wrapper div.column.half div.center {
        width: 48.5%;
        margin: 0;
        margin-bottom: 15px;
        overflow: hidden;
    }

    div.wrapper div.column.three div.left,
    div.wrapper div.column.half div.left {
        margin-right: 1.5%;
    }

    div.wrapper div.column.three {
        margin-right: -2%;
    }

    div.wrapper div.column.three div.col {
        width: 31%;
        margin-right: 2%;
    }

    div.wrapper div.column.three div.center,
    div.wrapper div.column.half div.center {
        margin-left: 1.5%;
    }

    div.wrapper div.column.half div.box {
        margin: 0;
    }

    div.wrapper div.product div.action {
        margin: 0;
    }

    div.wrapper div.bottom {
        padding-top: 30px;
        padding-bottom: 30px;
    }
	
	div.wrapper div.content div.teaser div.box h2 {
		font-size:2.7vw;
	}
}

@media only screen and (min-width: 0px) and (max-width: 850px) {
    div.wrapper div.cover div.box .go-back {
        left: -30px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
    div.wrapper div.cover div.box .go-back {
        left: 10px;
    }

    div.wrapper div.cover div.box {
        height: 50%;
    }

    div.wrapper div.cover div.box.current {
        height: 50%;
    }

    div.wrapper a.calling-button, div.wrapper div.cover a.calling-button {
        position: absolute;
        width: 140px;
        height: auto;
        top: -15px;
        right: 5px;
    }

    div.wrapper div.product div.overview {
        display: none;
    }

    div.wrapper div.content ul.feature li {
        width: 50%
    }

    div.wrapper div.content ul.feature li.one.shown > span.option,
    div.wrapper div.content ul.feature li.three.shown > span.option {
        left: 15px;
        right: auto;
    }

    div.wrapper div.content ul.feature li.two.shown > span.option,
    div.wrapper div.content ul.feature li.four.shown > span.option {
        left: auto;
        right: -15px;
    }

    div.wrapper div.content ul.results li {
        width: 33.3%;
    }

    div.wrapper div.bottom div.third {
        display: block;
        float: none;
        width: 100%;
        overflow: hidden;
        margin-bottom: 3em;
        text-align: center;
    }

    div.wrapper div.bottom div.third .button {
        display: inline-block;
        float: none;
    }

    div.wrapper div.bottom div.third .bb-table {
        margin: auto;
    }

    div.wrapper div.bottom div.third .bb-table td {
        text-align: left;
    }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    div.wrapper div.column.three {
        margin-right: 0;
    }

    div.wrapper div.content div.list div.box,
    div.wrapper div.content div.teaser div.box,
    div.wrapper.overlay div.content div.column.context div.center,
    div.wrapper div.column.three div.col,
    div.wrapper div.column.three div.left,
    div.wrapper div.column.three div.center,
    div.wrapper div.column.three div.right,
    div.wrapper div.column.two div.left,
    div.wrapper div.column.two div.center,
    div.wrapper div.column.half div.left,
    div.wrapper div.column.half div.center {
        display: block;
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 15px;
        overflow: hidden;
    }

    div.wrapper div.column div.center.form.hide-content, div.wrapper div.column div.center.redirect-form {
        display: none;
    }

    div.wrapper div.content div.list,
    div.wrapper div.content div.list div.box > div,
    div.wrapper div.content div.teaser,
    div.wrapper div.content div.teaser div.box > div,
    div.wrapper div.content div.teaser div.row,
    div.wrapper div.bottom div.column.half div.left {
        margin: 0;
    }

    div.wrapper div.content div.list div.box.description {
        width: 100%;
    }

    div.wrapper div.bottom div.column.half div.center {
        display: none;
    }

    div.wrapper div.content div.teaser div.box > .button {
        margin-left: 0;
        margin-right: 0;
    }

    div.wrapper div.expand > div.content div.show.column.half div.left div.content,
    div.wrapper div.expand > div.content div.show.column.half div.center div.content {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*
    div.wrapper.overlay div.content div.column.context div.left,
    div.wrapper div.column div.right.context { display:none; }
    */
    div.wrapper.overlay div.content div.column.context div.left,
    div.wrapper div.column div.right.context {
        float: none;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    div.wrapper.overlay div.content div.column.context {
        margin-top: 30px;
    }

    div.wrapper div.cover div.box {
        width: 100%;
        padding: 10px 30px;
    }

    div.wrapper div.cover div.box ul.header-breadcrumb {
        margin-top: 0;
    }

    div.wrapper div.cover div.box.current {
        padding: 30px;
    }

    div.wrapper div.product div.action {
        text-align: center;
    }

    div.wrapper div.product div.action div.edition {
        display: none;
    }

    div.wrapper div.product div.action a.button {
        display: inline-block;
        float: none;
    }

    div.wrapper div.content ul.results li {
        width: 50%;
    }

    div.wrapper div.gallery ul li {
        width: 50%;
    }

    div.wrapper div.gallery ul li.a0 {
        clear: none;
    }

    div.wrapper div.gallery ul li.b0 {
        clear: left;
    }
	
	div.wrapper div.content div.teaser div.box h2 {
		font-size:4vw;
	}
}

@media only screen and (max-width: 576px) {
    div.wrapper a.calling-button, div.wrapper div.cover a.calling-button {
        position: absolute;
        width: 110px;
        height: auto;
        top: -35px;
        right: 5px;
    }

    div.wrapper div.input {
        width: 100% !important;
    }
	
	div.wrapper div.column div.col.yellow div.box h2 {
		font-size:4vw;
	}

}

@media only screen and (min-width: 0px) and (max-width: 400px) {
    div.wrapper div.content ul.results li {
        width: 100%;
    }

    div.wrapper div.product div.gallery ul li {
        width: 80px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    div.wrapper div.gallery ul li {
        width: 100%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 400px) {
    div.wrapper div.top .logo {
        height: 30px;
        margin-top: -9px;
    }
}