/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */


/* Reset ================================================================================= */

* {
    margin: 0;
    padding: 0;
}

body {
    background: #496778 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_body.gif) 50% 0 repeat-y;
    font: 12px/1.55 Arial, Helvetica, sans-serif;
    color: #2f2f2f;
    /* issue #21174 */
    text-align: center;
}

img {
    border: 0;
    vertical-align: top;
}

a {
    color: #1e7ec8;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

:focus {
    outline: 0;
}


/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 5px;
    line-height: 1.35;
    color: #0a263c;
}

h1 {
    font-size: 20px;
    font-weight: normal;
}

h2 {
    font-size: 18px;
    font-weight: normal;
}

h3 {
    font-size: 16px;
    font-weight: bold;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
    font-weight: bold;
}

h6 {
    font-size: 11px;
    font-weight: bold;
}


/* Forms */

form {
    display: inline;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}


/* Table */

table {
    border: 0;
    /*border-collapse:collapse;*/
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

caption,
th,
td {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}


/* Content */

p {
    margin: 0 0 10px;
}

strong {
    font-weight: bold;
}

address {
    font-style: normal;
    line-height: 1.35;
}

cite {
    font-style: normal;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after {
    content: '';
}

small,
big {
    font-size: 1em;
}


/*sup           { font-size:1em; vertical-align:top; }*/


/* Lists */

ul,
ol {
    list-style: none;
}


/* Tools */

.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.nobr {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.a-left {
    text-align: left !important;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
    width: 6px;
    margin-top: 6px;
}

.f-left,
.left {
    float: left !important;
}

.f-right,
.right {
    float: right !important;
}

.f-none {
    float: none !important;
}

.f-fix {
    float: left;
    width: 100%;
}

.no-display {
    display: none;
}

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

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

.no-bg {
    background: none !important;
}


/* ======================================================================================= */


/* Layout ================================================================================ */

.wrapper {
    width: 100%;
}

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

.page-print {
    background: #fff;
    padding: 25px 30px;
    text-align: left;
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-popup {
    background: #fff;
    padding: 25px 30px;
    text-align: left;
}

.main-container {
    background: #fbfaf6 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_main1.gif) 50% 0 no-repeat;
}

.main {
    width: 900px;
    margin: 0 auto;
    min-height: 400px;
    padding: 25px 25px 80px;
    background: #fffffe url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_main2.gif) 0 0 no-repeat;
    text-align: left;
}


/* Base Columns */

.col-left {
    float: left;
    width: 195px;
    padding: 0 0 1px;
}

.col-main {
    float: left;
    width: 685px;
    padding: 0 0 1px;
}

.col-right {
    float: right;
    width: 195px;
    padding: 0 0 1px;
}


/* 1 Column Layout */

.col1-layout .col-main {
    float: none;
    width: auto;
}


/* 2 Columns Layout */

.col2-left-layout .col-main {
    float: right;
}

.col2-right-layout .col-main {}


/* 3 Columns Layout */

.col3-layout .col-main {
    width: 475px;
    margin-left: 17px;
}

.col3-layout .col-wrapper {
    float: left;
    width: 687px;
}

.col3-layout .col-wrapper .col-main {
    float: right;
}


/* Content Columns */

.col2-set:before,
.col2-set:after {
    content: '';
    display: table;
}

.col2-set:after {
    clear: both;
}

.col2-set .col-1 {
    float: left;
    width: 48.5%;
}

.col2-set .col-2 {
    float: right;
    width: 48.5%;
}

.col2-set .col-narrow {
    width: 32%;
}

.col2-set .col-wide {
    width: 65%;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}


/* ======================================================================================= */


/* Global Styles ========================================================================= */


/* Form Elements */

input,
select,
textarea,
button {
    font: 12px/15px Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #2f2f2f;
}

input.input-text,
select,
textarea {
    background: #fff;
    border: 1px solid #b6b6b6;
}

input.input-text,
textarea {
    padding: 2px;
}

select {
    padding: 1px;
}

select option {
    padding-right: 10px;
}

select.multiselect option {
    border-bottom: 1px solid #b6b6b6;
    padding: 2px 5px;
}

select.multiselect option:last-child {
    border-bottom: 0;
}

textarea {
    overflow: auto;
}

input.radio {
    margin-right: 3px;
}

input.checkbox {
    margin-right: 3px;
}

input.qty {
    width: 2.5em !important;
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* FF Fix */

button.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

button.button span {
    display: block;
    height: 19px;
    border: 1px solid #de5400;
    background: #f18200;
    padding: 0 8px;
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

button.button span span {
    border: 0;
    padding: 0;
}

button.disabled span {
    border-color: #bbb !important;
    background: #bbb !important;
}

button.btn-checkout span {
    height: 40px;
    border: 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_checkout.gif) 0 0 no-repeat;
    padding: 0 0 0 9px;
    font: bold 15px/40px Arial, Helvetica, sans-serif;
    color: #fff;
}

button.btn-checkout span span {
    background-position: 100% 0;
    padding: 0 25px 0 16px;
}

button.btn-checkout.no-checkout span {
    background-position: 0 100%;
    color: #b8baba;
}

button.btn-checkout.no-checkout span span {
    background-position: 100% 100%;
}

p.control input.checkbox,
p.control input.radio {
    margin-right: 6px;
}


/* Form Highlight */

input.input-text:focus,
select:focus,
textarea:focus {
    background-color: #edf7fd;
}


/*.highlight { background:#efefef; }*/


/* Form lists */


/* Grouped fields */


/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/

.form-list li {
    margin: 0 0 8px;
}

.form-list label {
    float: left;
    color: #666;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.form-list label.required {}

.form-list label.required em {
    float: right;
    font-style: normal;
    color: #eb340a;
    position: absolute;
    top: 0;
    right: -8px;
}

.form-list li.control label {
    float: none;
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin-right: 6px;
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto;
}


/*.form-list li.fields { margin-right:-15px; }*/

.form-list .input-box {
    display: block;
    clear: both;
    width: 260px;
}

.form-list .field {}

.form-list input.input-text {
    max-width: 254px;
    width: 100%;
}

.form-list textarea {
    max-width: 254px;
    width: 100%;
    height: 10em;
}

.form-list select {
    max-width: 254px;
    width: 100%;
}

.form-list li.wide .input-box {
    max-width: 535px;
    width: 100%;
}

.form-list li.wide input.input-text {
    max-width: 529px;
    width: 100%;
}

.form-list li.wide textarea {
    max-width: 529px;
    width: 100%;
}

.form-list li.wide select {
    max-width: 535px;
    width: 100%;
}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0;
}

.form-list .input-range input.input-text {
    width: 74px;
}

.form-list-narrow li {
    margin-bottom: 0;
}

.form-list-narrow li .input-box {
    margin-bottom: 6px;
}

.form-list-narrow li.wide .input-box {
    width: 260px;
}

.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea {
    width: 254px
}

.form-list-narrow li.wide select {
    width: 260px;
}


/* Customer */

.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto;
}

.form-list .name-prefix {
    width: 65px;
}

.form-list .name-prefix select {
    width: 55px;
}

.form-list .name-prefix input.input-text {
    width: 49px;
}

.form-list .name-suffix {
    width: 65px;
}

.form-list .name-suffix select {
    width: 55px;
}

.form-list .name-suffix input.input-text {
    width: 49px;
}

.form-list .name-middlename {
    width: 70px;
}

.form-list .name-middlename input.input-text {
    width: 49px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname {
    width: 210px;
}

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
    float: left;
    width: 85px;
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 74px;
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal;
    color: #888;
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
    width: 60px;
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
    width: 46px;
}

.form-list .customer-dob .dob-year {
    width: 140px;
}

.form-list .customer-dob .dob-year input.input-text {
    width: 134px;
}


/* Independent fields */


/*.form-list li { margin:0 0 8px; }
.form-list li.fields { margin:0; }
.form-list .field { display:block; margin:0 0 8px; }
.form-list li.control {}
.form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; }
.form-list label.required { font-weight:bold; }
.form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; }
.form-list .input-box { float:left; width:260px; }
.form-list input.input-text,
.form-list textarea { width:254px; }
.form-list select { width:260px; }
.form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; }
.form-list .input-range input.input-text { width:96px; }*/


/* Customer */


/*.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:11px; font-weight:normal; color:#777; text-align:left; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }*/

.buttons-set {
    clear: both;
    margin: 4em 0 0;
    padding: 8px 0 0;
    border-top: 1px solid #e4e4e4;
}

.buttons-set p.required {
    margin: 0 0 10px;
}

.buttons-set .back-link {
    margin: 0;
}

.buttons-set .back {
    margin-top: 10px;
}

.buttons-set-order {
    margin: 10px 0 0;
}

.buttons-set-order .please-wait {
    padding: 12px 7px 0 0;
}

.fieldset {
    border: 1px solid #bbafa0;
    background: #fbfaf6;
    padding: 22px 25px 12px 33px;
    margin: 28px 0;
}

.fieldset .legend {
    float: left;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #f19900;
    background: #f9f3e3;
    color: #e76200;
    margin: -33px 0 0 -10px;
    padding: 0 8px;
    position: relative;
}


/* Form Validation */

.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 17px;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/validation_advice_bg.gif) 2px 0 no-repeat;
    color: #eb340a;
}

.validation-failed {
    border: 1px dashed #eb340a !important;
    background: #faebe7 !important;
}

.validation-passed {}

p.required {
    font-size: 11px;
    color: #EB340A;
}


/* Expiration date and CVV number validation fix */

.v-fix {
    float: left;
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative;
}


/* Global Messages  */

.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #df280a;
    font-weight: bold;
}

.notice {
    color: #e26703;
}

.messages,
.messages ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.messages {
    width: 100%;
    overflow: hidden;
}

.messages li {
    margin: 0 0 10px !important;
}

.messages li li {
    margin: 0 0 3px !important;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style: solid !important;
    border-width: 1px !important;
    background-position: 10px 9px !important;
    background-repeat: no-repeat !important;
    min-height: 24px !important;
    padding: 8px 8px 8px 32px !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

.error-msg {
    border-color: #f16048;
    background-color: #faebe7;
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/i_msg-error.gif);
    color: #df280a;
}

.success-msg {
    border-color: #446423;
    background-color: #eff5ea;
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/i_msg-success.gif);
    color: #3d6611;
}

.note-msg,
.notice-msg {
    border-color: #fcd344;
    background-color: #fafaec;
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/i_msg-note.gif);
    color: #3d6611;
}

#rating-success {
    padding-left: 8px !important;
}


/* BreadCrumbs */

.breadcrumbs {
    font-size: 11px;
    line-height: 1.25;
    margin: 0 0 13px;
}

.breadcrumbs li {
    display: inline;
}

.breadcrumbs li strong {
    font-weight: bold;
}


/* Page Heading */

.page-title {
    border-bottom: 1px solid #ccc;
    margin: 0 0 25px;
}

.page-title h1,
.page-title h2 {
    margin: 0;
    font-size: 20px;
    color: #0a263c;
}

.page-title .separator {
    margin: 0 3px;
}

.page-title .link-rss {
    float: right;
    margin: 7px 0 0;
}

.title-buttons {}

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left;
    margin-right: .5em;
}

.subtitle,
.sub-title {
    clear: both;
    padding: 15px 0 0;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 6px;
    color: #e25203;
}


/* Pager */

.pager {
    font-size: 11px;
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_toolbar.gif) 0 100% repeat-x;
    padding: 4px 8px;
    border-top: 1px solid #e2e2e2;
    text-align: center;
}

.pager .amount {
    float: left;
    margin: 0;
}

.pager .limiter {
    float: right;
}

.pager .limiter label {
    vertical-align: middle;
}

.pager .limiter select {
    padding: 0;
    margin: 0 0 1px;
    vertical-align: middle;
}

.pager .pages {
    margin: 0 140px;
}

.pager .pages ol {
    display: inline;
}

.pager .pages li {
    display: inline;
    margin: 0 2px;
}

.pager .pages .current {}


/* Sorter */

.sorter {
    font-size: 11px;
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_toolbar.gif) 0 100% repeat-x;
    padding: 3px 8px;
    border-top: 1px solid #e2e2e2;
}

.sorter .view-mode {
    float: left;
    margin: 0;
}

.sorter .sort-by {
    float: right;
    padding-right: 36px;
}

.sorter .sort-by label {
    vertical-align: middle;
}

.sorter .sort-by select {
    padding: 0;
    margin: 0 0 1px;
    vertical-align: middle;
}

.sorter .link-feed {}


/* Toolbar */

.toolbar {}

.toolbar .pager {
    padding: 3px 8px;
    border-bottom: 1px solid #fff;
}

.toolbar .sorter {
    border-bottom: 1px solid #fff;
}

.toolbar-bottom {}


/* Data Table */

.data-table {
    width: 100%;
    border: 1px solid #bebcb7;
}

.data-table .odd {
    background: #f8f7f5
}

.data-table .even {
    background: #eeeded;
}


/*.data-table tr.odd:hover,
.data-table tr.even:hover { background:#ebf1f6; }*/

.data-table td.last,
.data-table th.last {
    border-right: 0;
}

.data-table tr.last th,
.data-table tr.last td {
    border-bottom: 0 !important;
}

.data-table th {
    padding: 3px 8px;
    font-weight: bold;
}

.data-table td {
    padding: 3px 8px;
}

.data-table thead th {
    font-weight: bold;
    border-right: 1px solid #c2d3e0;
    padding: 2px 8px;
    color: #0a263c;
    white-space: nowrap;
    vertical-align: middle;
}

.data-table thead th.wrap {
    white-space: normal;
}

.data-table thead th a,
.data-table thead th a:hover {
    color: #fff;
}

.data-table thead th {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_th.gif) repeat-x 0 100% #d9e5ee;
}

.data-table thead th .tax-flag {
    font-size: 11px;
    white-space: nowrap;
}

.data-table tfoot {
    border-bottom: 1px solid #d9dde3;
}

.data-table tfoot tr.first td {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_tfoot.gif) 0 0 repeat-x;
}

.data-table tfoot tr {
    background-color: #dee5e8 !important;
}

.data-table tfoot td {
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: 0;
    border-right: 1px solid #d9dde3;
}

.data-table tfoot strong {
    font-size: 16px;
}

.data-table tbody th,
.data-table tbody td {
    border-bottom: 1px solid #d9dde3;
    border-right: 1px solid #d9dde3;
}


/* Bundle products tables */

.data-table tbody.odd tr {
    background: #f8f7f5 !important;
}

.data-table tbody.even tr {
    background: #f6f6f6 !important;
}

.data-table tbody.odd tr td,
.data-table tbody.even tr td {
    border-bottom: 0;
}

.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
    border-bottom: 1px solid #d9dde3;
}

.data-table tbody td .option-label {
    font-weight: bold;
    font-style: italic;
}

.data-table tbody td .option-value {
    padding-left: 10px;
}


/* Generic Info Box */

.info-box {
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-title.gif) 0 0 repeat-x;
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px;
}

.info-box h2 {
    font-weight: bold;
    font-size: 13px;
}

.info-table th {
    font-weight: bold;
    padding: 2px 15px 2px 0;
}

.info-table td {
    padding: 2px 0;
}


/* Shopping cart total summary row expandable to details */

tr.summary-total {
    cursor: pointer;
}

tr.summary-total td {}

tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    cursor: pointer;
}

tr.show-details .summary-collapse {
    background-position: 0 -52px;
}

tr.show-details td {}

tr.summary-details td {
    font-size: 11px;
    background-color: #dae1e4;
    color: #626465;
}

tr.summary-details-first td {
    border-top: 1px solid #d2d8db;
}

tr.summary-details-excluded {
    font-style: italic;
}


/* Shopping cart tax info */

.cart-tax-info {
    display: block;
}

.cart-tax-info,
.cart-tax-info .cart-price {
    padding-right: 20px;
}

.cart-tax-total {
    display: block;
    padding-right: 20px;
    cursor: pointer;
}

.cart-tax-info .price,
.cart-tax-total .price {
    display: inline !important;
    font-weight: normal !important;
}

.cart-tax-total-expanded {
    background-position: 100% -52px;
}


/* Class: std - styles for admin-controlled content */

.std .subtitle {
    padding: 0;
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul.disc {
    list-style: disc outside;
    padding-left: 18px;
    margin: 0 0 10px;
}

.std dl dt {
    font-weight: bold;
}

.std dl dd {
    margin: 0 0 10px;
}

.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote {
    margin: 0 0 1em;
    padding: 0;
}

.std ul {
    list-style: disc outside;
    padding-left: 1.5em;
}

.std ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul ul {
    list-style-type: circle;
}

.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
    margin: .5em 0;
}

.std dt {
    font-weight: bold;
}

.std dd {
    padding: 0 0 0 1.5em;
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em;
}

.std address {
    font-style: normal;
}

.std b,
.std strong {
    font-weight: bold;
}

.std i,
.std em {
    font-style: italic;
}


/* Misc */

.links li {
    display: inline;
}

.links li.first {
    padding-left: 0 !important;
}

.links li.last {
    background: none !important;
    padding-right: 0 !important;
}

.link-cart {
    color: #dc6809 !important;
    font-weight: bold;
}

.link-wishlist {
    color: #dc6809 !important;
    font-weight: bold;
}

.link-reorder {
    font-weight: bold;
    color: #dc6809 !important;
}

.link-compare {
    font-weight: bold;
}

.link-print {
    /*background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/
    font-weight: bold;
    color: #dc6809;
}

.link-rss {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_rss.gif) 0 2px no-repeat;
    padding-left: 18px;
    line-height: 14px;
    white-space: nowrap;
}

.btn-remove {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_remove.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.btn-previous {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_previous.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.btn-remove2 {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_trash.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.btn-edit {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_edit.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.cards-list dt {
    margin: 5px 0 0;
}

.cards-list .offset {
    padding: 2px 0 2px 20px;
}

.separator {
    margin: 0 3px;
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_divider1.gif) 0 50% repeat-x;
    text-indent: -999em;
    overflow: hidden;
}


/* Global site notices */

.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

.global-site-notice .notice-inner {
    width: 860px;
    margin: 0 auto;
    padding: 12px 0 12px 80px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/i_notice.gif) 20px 25px no-repeat;
    text-align: left;
}

.global-site-notice .notice-inner p {
    margin: 0;
    border: 1px dotted #cccc73;
    padding: 10px;
}

.global-site-notice .notice-inner .actions {
    padding-top: 10px;
}


/* Cookie Notice */

.notice-cookie {}


/* Noscript Notice */

.noscript {}


/* Demo Notice */

.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    border: 0;
    text-align: center;
    color: #fff;
}

.demo-notice .notice-inner {
    width: auto;
    padding: 0;
    background: none;
    text-align: center;
}

.demo-notice .notice-inner p {
    padding: 0;
    border: 0;
}


/* ======================================================================================= */


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

.logo {
    float: left;
}

.header-container {
    border-top: 5px solid #0d2131;
    border-bottom: 1px solid #415966;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_header.jpg) 50% 0 repeat;
}

.header {
    width: 930px;
    margin: 0 auto;
    padding: 10px;
    text-align: right;
    position: relative;
    z-index: 10;
}

.header .logo {
    float: left;
    margin: 3px 0 10px 12px;
    text-decoration: none !important;
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.header .quick-access {
    float: right;
    width: 600px;
    padding: 28px 10px 0 0;
}

.header .welcome-msg {
    margin: 0;
    color: #fff;
    text-align: right;
}

.header .welcome-msg a {
    color: #ebbc58;
}

.header .form-search {
    position: absolute;
    top: 0;
    right: 29px;
    width: 315px;
    height: 30px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_form-search.gif) 0 0 no-repeat;
    padding: 1px 0 0 16px;
}

.header .form-search label {
    float: left;
    width: 24px;
    height: 21px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
}

.header .form-search input.input-text {
    float: left;
    border-color: #5c7989;
    width: 209px;
    margin-right: 4px;
}

.header .form-search button.button {
    float: left;
}

.header .form-search button.button span {
    border: 0;
    height: 21px;
    padding: 0 0 0 3px;
    font: bold 11px/21px Tahoma, Verdana, Arial, sans-serif;
}

.header .form-search button.button span span {
    background-position: 100% 0;
    padding: 0 6px 0 3px;
}

.search-autocomplete {
    z-index: 999;
    left: 0 !important;
    top: 37px !important;
}

.search-autocomplete ul {
    border: 2px solid #cecece;
    background-color: #fff;
}

.search-autocomplete li {
    text-align: left;
    border-bottom: 1px solid #f8f8f8;
    padding: 2px 8px 1px 8px;
    cursor: pointer;
}

.search-autocomplete li .amount {
    float: right;
    font-weight: bold;
}

.search-autocomplete li.odd {
    background-color: #f8f8f8;
}

.search-autocomplete li.selected {
    background-color: #dedede;
}

.header .form-language {
    clear: both;
    padding: 5px 0 0;
    text-align: right;
}

.header .form-language label {
    font-weight: bold;
    padding-right: 5px;
    color: #a7c6dd;
    vertical-align: middle;
}

.header .form-language select {
    padding: 0;
}

.header .form-language select.flags option {
    background-position: 4px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.header .links {
    float: right;
    margin: 0 0 6px;
}

.header .links li {
    float: left;
    font-size: 11px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_pipe1.gif) 100% 60% no-repeat;
    padding: 0 8px 0 7px;
}

.header .links a {
    color: #ebbc58;
}

.header-container .top-container {
    clear: both;
    padding: 5px 10px 0 12px;
    text-align: right;
}

.header-container .top-container a {
    font-size: 11px;
    color: #ebbc58;
}


/********** < Navigation */

.nav-container {
    background: #0a263d url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_nav0.jpg) 50% 0 repeat-y;
}

#nav {
    margin: 0 auto;
    padding: 0 16px;
    font-size: 13px;
}


/* All Levels */


/* Style consistent throughout all nav levels */

#nav li {
    position: relative;
    text-align: left;
}

#nav li.over {
    z-index: 998;
}

#nav a,
#nav a:hover {
    display: block;
    line-height: 1.3em;
    text-decoration: none;
}

#nav span {
    display: block;
    cursor: pointer;
    white-space: nowrap;
}

#nav li ul span {
    white-space: normal;
}

#nav ul li.parent a {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_nav2.gif) 100% 100% no-repeat;
}

#nav ul li.parent li a {
    background-image: none;
}


/* 0 Level */

#nav li {
    float: left;
}

#nav li.active a {
    color: #d96708;
}

/*#nav a {
    float: left;
    padding: 5px 12px 6px 8px;
    color: #a7c6dd;
    font-weight: bold;
}*/

#nav li.over a,
#nav a:hover {
    color: #d96708;
}


/* 1st Level */

#nav ul li,
#nav ul li.active {
    float: none;
    margin: 0;
    padding-bottom: 1px;
    background: #ecf3f6 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_nav1.gif) 0 100% repeat-x;
}

#nav ul li.last {
    background: #ecf3f6;
    padding-bottom: 0;
}

#nav ul a,
#nav ul a:hover {
    float: none;
    padding: 0;
    background: none;
}

#nav ul li a {
    font-weight: normal !important;
}


/* 2nd Level */

#nav ul,
#nav div {
    position: absolute;
    width: 15em;
    top: 27px;
    left: -10000px;
    border: 1px solid #899ba5;
}

#nav div ul {
    position: static;
    width: auto;
    border: none;
}


/* 3rd+ Level */

#nav ul ul,
#nav ul div {
    top: 5px;
}

#nav ul li a {
    background: #ecf3f6;
}

#nav ul li a:hover {
    background: #d5e4eb;
}

#nav ul li a,
#nav ul li a:hover {
    color: #2f2f2f !important;
}

#nav ul span,
#nav ul li.last li span {
    padding: 3px 15px 4px 15px;
}


/* Show menu */

#nav li ul.shown-sub,
#nav li div.shown-sub {
    left: 0;
    z-index: 999;
}

#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub {
    left: 100px;
}


/********** Navigation > */


/* ======================================================================================= */


/* Sidebar =============================================================================== */

.block {
    border: 1px solid #c4c1bc;
    margin: 0 0 15px;
}

.block .block-title {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-title.gif) 0 0 repeat-x;
    border-bottom: 1px solid #ddd;
    padding: 2px 9px;
}

.block .block-title strong {
    display: block;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    min-height: 16px;
    padding: 1px 0 1px;
    text-transform: uppercase;
    color: #e26703;
}

.block .block-title strong span {}

.block .block-title a {
    text-decoration: none !important;
}

.block .block-subtitle {
    margin: 0;
    padding: 5px 9px;
    font-size: 1em;
    font-weight: bold;
    color: #0a263c;
}

.block .block-content {
    background: #f8f7f5;
}

.block .block-content li.item {
    padding: 7px 9px;
}

.block .block-content .product-name {
    color: #1e7ec8;
}

.block .btn-remove,
.block .btn-edit {
    float: right;
    margin: 1px 0 2px 5px;
}

.block .actions {
    background: #dee5e8 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-actions.gif) 0 0 repeat-x;
    padding: 6px 9px;
    text-align: right;
}

.block .actions a {
    float: left;
    clear: both;
}

.block .actions button.button {
    float: right;
}

.block .empty {
    margin: 0;
    padding: 5px 9px;
}

.block li.odd {
    background-color: #f4f3f3;
}

.block li.even {
    background-color: #fafafa;
}


/* Mini Blocks */

.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login {
    font-size: 11px;
    line-height: 1.25;
}

.block-cart .block-title strong,
.block-wishlist .block-title strong,
.block-subscribe .block-title strong,
.block-compare .block-title strong,
.block-reorder .block-title strong,
.block-poll .block-title strong,
.block-viewed .block-title strong,
.block-compared .block-title strong,
.block-related .block-title strong,
.block-tags .block-title strong,
.block-login .block-title strong {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 21px;
}


/* Mini Products List */

.mini-products-list .product-image {
    float: left;
    width: 50px;
    border: 1px solid #a9a9a9;
}

.mini-products-list .product-details {
    margin-left: 60px;
}

.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small {
    word-wrap: break-word;
}

.block-cart .mini-products-list .product-details .nobr {
    white-space: normal !important;
}


/* Block: Account */

.block-account {
    border-color: #bbb;
}

.block-account .block-title {
    background: #fc9d36 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-title-account.gif) 0 100% repeat-x;
    border: 0;
    padding: 3px 10px;
}

.block-account .block-title strong {
    font-size: 13px;
    color: #fff;
}

.block-account .block-content {
    background: #fbfaf6;
    padding: 7px 10px 7px;
}

.block-account .block-content li a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    color: #5f5d5c;
    text-decoration: none !important;
}

.block-account .block-content li a:hover {
    color: #ea7900;
}

.block-account .block-content li.last a {
    border-bottom: 0;
}

.block-account .block-content li.current {
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    color: #ea7900;
}

.block-account .block-content li.current.last {
    border-bottom: 0;
}


/* Block: Currency Switcher */

.block-currency {
    border: 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-currency.gif) 0 0 no-repeat;
    padding: 7px 12px 10px;
    height: 51px;
}

.block-currency .block-title {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 0 5px;
}

.block-currency .block-title strong {
    font: bold 13px/21px Arial, Helvetica, sans-serif;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-currency.gif) 0 50% no-repeat;
    padding: 0 0 0 21px;
    text-transform: none;
    color: #fff;
}

.block-currency .block-content {
    background: none;
    padding: 0;
}

.block-currency .block-content select {
    width: 100%;
    padding: 0;
}


/* Block: Layered Navigation */

.block-layered-nav {
    border: 0;
}

.block-layered-nav .block-title {
    border: 0;
    padding: 0;
    height: 24px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-layered-title.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.block-layered-nav .block-subtitle {
    line-height: 1.35;
    background: #d5e8ff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-layered1.gif) 0 50% repeat;
    padding: 3px 9px;
    border: 1px solid #b9ccdd;
    border-width: 1px 0;
    text-transform: uppercase;
    color: #1f5070;
}

.block-layered-nav .block-content {
    border: 1px solid #a0b3c3;
    background: #e7f1f4;
}

.block-layered-nav dt {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-layered-dt.gif) 9px 11px no-repeat;
    padding: 7px 10px 0 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.block-layered-nav dd {
    padding: 0 12px 12px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-layered-dd.gif) 0 100% repeat-x;
}

.block-layered-nav dd.last {
    background: none;
}

.block-layered-nav .currently li {
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-layered-li.gif) 0 100% repeat-x;
    padding: 6px 24px 6px 10px;
    position: relative;
    z-index: 1;
    line-height: 1.5;
}

.block-layered-nav .currently .label {
    font-weight: bold;
    padding-left: 15px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-layered-label.gif) 0 4px no-repeat;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
}

.block-layered-nav .currently .value {
    display: inline-block;
    vertical-align: top;
}

.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove {
    position: absolute;
    right: 4px;
    top: 9px;
    margin: 0;
}

.block-layered-nav .currently .btn-previous {
    right: 17px;
}

.block-layered-nav .actions {
    font-size: 11px;
    padding: 4px 5px 4px 9px;
    background: #cad6e4;
    border: 1px solid #dee5e8;
    border-width: 1px 0;
    text-align: right;
}

.block-layered-nav .actions a {
    float: none;
}


/* Block: Cart */

.block-cart .block-title {
    /*border-bottom:0;*/
}

.block-cart .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-cart.gif);
}

.block-cart .summary {
    background: #fff;
    padding: 2px 8px 8px;
    margin: -1px 0 0;
    position: relative;
    z-index: 1;
}

.block-cart .amount {
    margin: 0;
}

.block-cart .amount a {
    font-weight: bold;
}

.block-cart .subtotal {
    margin: 5px 0 0;
    padding: 2px 0;
    background: #fbebd9;
    text-align: center;
}

.block-cart .subtotal .price {
    font-weight: bold;
}

.block-cart .actions {
    border-bottom: 1px solid #c2c2c2;
}

.block-cart .actions .paypal-logo {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    text-align: right;
}

.block-cart .actions .paypal-logo .paypal-or {
    clear: both;
    display: block;
    padding: 0 55px 8px 0;
}


/* Block: Wishlist */

.block-wishlist .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-wishlist.gif);
}

.block-wishlist .actions {
    text-align: right;
}

.block-wishlist .actions a {
    float: none;
}


/* Block: Related */

.block-related .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-related.gif);
    background-position: 0 1px;
}

.block-related input.checkbox {
    float: left;
}

.block-related .product {
    margin-left: 20px;
}


/* Block: Compare Products */

.block-compare .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-list.gif);
    background-position: 0 1px;
}

.block-compare button.button span {
    border-color: #406a83;
    background: #618499;
}

.page-popup .link-print {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px;
    font-weight: bold;
    color: #1e7ec8;
}

.compare-table {
    border: 0;
}

.compare-table thead tr.first th,
.compare-table thead tr.first td {
    border: 0;
    background: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.compare-table .btn-remove {
    float: right;
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_remove2.gif);
    width: 72px;
    height: 15px;
}

.compare-table tbody th {
    background: #d9e5ee url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_th-v.gif) 100% 0 repeat-y;
}

.compare-table tbody th,
.compare-table tbody td {
    padding: 10px;
    border: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.compare-table tbody td.last {
    border-right: 1px solid #ccc;
}

.compare-table tbody tr.last th,
.compare-table tbody tr.last td {
    border-bottom: 1px solid #ccc !important;
}

.compare-table tr.add-to-row td {
    background: #fffada;
    text-align: center;
}

.compare-table tr.first td {
    text-align: center;
}

.compare-table tr.first td .product-name {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px;
    color: #203548;
}

.compare-table tr.first td .product-name a {
    color: #203548;
}

.compare-table tr.first td .ratings {
    width: 69px;
    margin: 0 auto;
}

.compare-table tr.first td p,
.compare-table tr.add-to-row td p {
    margin: 0;
}


/* Block: Recently Viewed */

.block-viewed .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-viewed.gif);
}


/* Block: Recently Compared */

.block-compared .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-list.gif);
    background-position: 0 1px;
}


/* Block: Poll */

.block-poll .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-poll.gif);
}

.block-poll .block-subtitle {
    font-size: 12px;
}

.block-poll label {
    color: #777;
    font-weight: bold;
}

.block-poll input.radio {
    float: left;
    margin: 1px -18px 0 0;
}

.block-poll .label {
    display: block;
    margin-left: 18px;
}

.block-poll li {
    padding: 3px 9px;
}

.block-poll .actions {
    margin: 5px 0 0;
}

.block-poll button.button span {
    border-color: #406a83;
    background: #618499;
}

.block-poll .answer {
    font-weight: bold;
}

.block-poll .votes {
    float: right;
    margin-left: 10px;
}


/* Block: Tags */

.block-tags .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-tags.gif);
}

.block-tags .block-content .tags-list {
    background: none;
    border: 0;
    font-size: 12px;
}

.block-tags .block-content a {
    color: #1b2d3b;
}

.block-tags .actions {
    text-align: right;
}

.block-tags .actions a {
    float: none;
}


/* Block: Subscribe */

.block-subscribe .block-content {
    padding: 5px 10px;
}

.block-subscribe .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-subscribe.gif);
}

.block-subscribe label {
    font-weight: bold;
    color: #666;
}

.block-subscribe input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0;
}

.block-subscribe .actions {
    background: none;
    padding: 0;
    margin: 3px 0 0;
    text-align: left;
}

.block-subscribe .actions button.button {
    float: none;
}

.block-subscribe .actions button.button span {
    border-color: #406a83;
    background: #618499;
}


/* Block: Reorder */

.block-reorder .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_block-list.gif);
}

.block-reorder input.checkbox {
    float: left;
    margin: 2px -20px 0 0;
}

.block-reorder .product-name {
    margin-left: 20px;
}

.block-reorder .validation-advice {
    margin: 3px 9px 7px;
}


/* Block: Banner */

.block-banner {
    border: 0;
}

.block-banner .block-content {
    padding: 0;
    text-align: center;
}


/* Block: Login */

.block-login .block-title strong {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_ma-info.gif);
}

.block-login .block-content {
    padding: 5px 10px;
}

.block-login label {
    font-weight: bold;
    color: #666;
}

.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0;
}

.block-login .actions {
    background: none;
    padding: 0;
    margin: 3px 0 0;
}

.block-login .actions button.button span {
    border-color: #406a83;
    background: #618499;
}


/* Paypal */

.sidebar .paypal-logo {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.sidebar .paypal-logo a {
    float: none;
}


/* ======================================================================================= */


/* Category Page ========================================================================= */

.category-title {
    border: 0;
    margin: 0 0 7px;
}

.category-image {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
    text-align: center;
}

.category-image img {}

.category-description {
    margin: 0 0 10px;
}

.category-description p {
    text-align: left !important;
}

.box-collateral p {
    text-align: left !important;
}

.category-products {}


/* View Type: Grid */

.products-grid {
    border-bottom: 1px solid #d9ddd3;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_grid.gif) 0 0 repeat;
    position: relative;
}

.products-grid.last {
    border-bottom: 0;
}

.products-grid li.item {
    position: relative;
}

.products-grid .product-image {
    display: block;
    margin: 0 0 10px;
}

.products-grid .product-name {
    /*min-height:2.7em;*/
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 13px;
    color: #203548;
}

.products-grid .product-name a {
    color: #203548;
}

.products-grid .price-box {
    margin: 5px 0;
}

.products-grid .availability {
    line-height: 21px;
}

.products-grid .actions {
    position: absolute;
    bottom: 12px;
}

.col2-left-layout .products-grid,
.col2-right-layout .products-grid {
    width: 632px;
    margin: 0 auto;
}

.col1-layout .products-grid {
    width: 790px;
    margin: 0 auto;
}


/* View Type: List */

.products-list li.item {
    border-bottom: 1px solid #d9ddd3;
    padding: 12px 10px;
}

.products-list li.item.last {
    border-bottom: 0;
}

.products-list .product-image {
    float: left;
    width: 135px;
    height: 135px;
    margin: 0 0 10px;
}

.products-list .product-shop {
    margin-left: 150px;
}

.products-list .product-name {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 13px;
    color: #203548;
}

.products-list .product-name a {
    color: #203548;
}

.products-list .price-box {
    float: left;
    margin: 3px 13px 5px 0;
}

.products-list .availability {
    float: left;
    margin: 3px 0 0;
}

.products-list .desc {
    clear: both;
    padding: 6px 0 0;
    margin: 0 0 15px;
    line-height: 1.35;
}

.products-list .desc .link-learn {
    font-size: 11px;
}

.products-list .add-to-links {
    clear: both;
}

.products-list .add-to-links li {
    display: inline;
}

.products-list .add-to-links .separator {
    display: inline;
    margin: 0 2px;
}


/* ======================================================================================= */


/* Product View ========================================================================== */


/* Rating */

.no-rating {
    margin: 0;
}

.ratings {
    font-size: 11px;
    line-height: 1.25;
    margin: 14px 0 21px;
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0;
}

.ratings .rating-links {
    margin: 0;
}

.ratings .rating-links .separator {
    margin: 0 2px;
}

.ratings dt {}

.ratings dd {}

.rating-box {
    width: 80px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/ratings-empty.png) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.rating-box .rating {
    float: left;
    height: 16px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/ratings-full.png) 0 100% repeat-x;
}

.ratings .rating-box {
    float: right;
    margin-bottom: 7px;
}

.ratings .amount {}

.ratings-table {
    float: right;
    margin: 14px 0 7px;
}

.ratings-table th,
.ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0;
}

.ratings-table th {
    font-weight: bold;
    padding-right: 8px;
}

.product-view .product-shop .rating-links {
    margin-bottom: 21px;
}


/* Availability */

.availability {
    margin: 0;
}

.availability span {
    font-weight: bold;
}

.availability.in-stock span {}

.availability.out-of-stock span {
    color: #d83820;
}

.availability-only {
    margin: 10px 0 7px;
    line-height: 16px;
    padding-left: 15px;
    float: right;
}

.availability-only span,
.availability-only a {
    border-bottom: 1px dashed #751d02;
    color: #000;
}

.availability-only a {
    cursor: pointer;
    padding-right: 15px;
    text-decoration: none;
}

.availability-only .expanded {
    background-position: 100% -15px;
}

.availability-only strong {
    color: #be2c00;
}

.availability-only + .price-box {
    clear: right;
}

.availability-only-details {
    margin: 0 0 7px;
}

.availability-only-details th {
    background: #d2d6d9;
    font-size: 10px;
    padding: 0 8px;
}

.availability-only-details td {
    background: #ebf0f3;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    padding: 2px 8px 1px;
}

.availability-only-details tr.odd td.last {
    color: #d95e00;
    font-weight: bold;
}

.product-view .product-shop .availability {
    font-size: 11px;
}

.product-view .product-shop .availability span {
    font-weight: normal;
}


/* Email to a Friend */

.email-friend {
    margin: 0;
}


/* Alerts */

.alert-price {
    margin: 0;
    font-size: 11px;
}

.alert-stock {
    margin: 0;
    font-size: 11px;
}


/********** < Product Prices */

.price {
    white-space: nowrap !important;
}

.price-box {
    margin: 5px 0;
}

.price-box .price {
    font-weight: bold;
    color: #c76200;
}


/* Regular price */

.regular-price {
    color: #c76200;
}

.regular-price .price {
    font-weight: bold;
    font-size: 13px;
    color: #c76200;
}

.block .regular-price,
.block .regular-price .price {
    color: #2f2f2f;
}


/* Old price */

.old-price {
    margin: 0;
}

.old-price .price-label {
    white-space: nowrap;
    color: #999;
}

.old-price .price {
    font-weight: bold;
    color: #c76200;
    text-decoration: line-through;
}


/* Special price */

.special-price {
    margin: 0;
    padding: 3px 0;
}

.special-price .price-label {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    color: #cd5033;
}

.special-price .price {
    font-size: 13px;
    font-weight: bold;
    color: #c76200;
}


/* Minimal price (as low as) */

.minimal-price {
    margin: 0;
}

.minimal-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.minimal-price-link {
    display: block;
}

.minimal-price-link .label {
    color: #1e7ec8;
}

.minimal-price-link .price {
    font-weight: normal;
    color: #1e7ec8;
}


/* Excluding tax */

.price-excluding-tax {
    display: block;
    color: #999;
}

.price-excluding-tax .label {
    white-space: nowrap;
    color: #999;
}

.price-excluding-tax .price {
    font-size: 13px;
    font-weight: normal;
    color: #c76200;
}


/* Including tax */

.price-including-tax {
    display: block;
    color: #999;
}

.price-including-tax .label {
    white-space: nowrap;
    color: #999;
}

.price-including-tax .price {
    font-size: 13px;
    font-weight: bold;
    color: #c76200;
}


/* Configured price */

.configured-price {
    margin: 0;
}

.configured-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.configured-price .price {
    font-weight: bold;
}


/* FPT */

.weee {
    display: block;
    font-size: 11px;
    color: #444;
}

.weee .price {
    font-size: 11px;
    font-weight: normal;
}


/* Excl tax (for order tables) */

.price-excl-tax {
    display: block;
}

.price-excl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-excl-tax .price {
    display: block;
}


/* Incl tax (for order tables) */

.price-incl-tax {
    display: block;
}

.price-incl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-incl-tax .price {
    display: block;
    font-weight: bold;
}


/* Price range */

.price-from {
    margin: 0;
}

.price-from .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.price-to {
    margin: 0;
}

.price-to .price-label {
    font-weight: bold;
    white-space: nowrap;
}


/* Price notice next to the options */

.price-notice {
    padding-left: 10px;
    color: #999;
}

.price-notice .price {
    font-weight: bold;
    color: #2f2f2f;
}


/* Price as configured */

.price-as-configured {
    margin: 0;
}

.price-as-configured .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.price-box-bundle {
    padding: 0 0 10px 0;
}

.price-box-bundle .price-box {
    margin: 0 !important;
    padding: 0 !important;
}

.price-box-bundle .price {
    color: #555;
}


/********** Product Prices > */


/* Tier Prices */

.product-pricing,
.tier-prices {
    margin: 10px 0;
    padding: 10px;
    background-color: #f4f7f7;
    border: 1px solid #dadddd;
    color: #424242;
}

.tier-prices li {
    line-height: 1.4;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_tier.gif) no-repeat 0 3px;
    padding: 2px 0 2px 10px;
}

.tier-prices .benefit {
    font-style: italic;
    font-weight: bold;
    color: #2f2f2f;
}

.tier-prices .price {
    font-weight: bold;
    color: #2f2f2f;
}

.tier-prices-grouped li {
    padding: 2px 0;
    color: #e26703;
}

.tier-prices-grouped li .price {
    font-weight: bold;
}


/* Add to Links */

.add-to-links {
    font-size: 11px;
    margin: 5px 0 0;
}

.add-to-links .separator {
    display: none;
}


/* Add to Cart */

.add-to-cart label {
    float: left;
    margin-right: 5px;
    font-weight: bold;
    color: #666;
}

.add-to-cart .qty {
    /*float: left;
    margin-right: 5px;*/
}

.add-to-cart button.button {
    /*float: left;*/
}

.add-to-cart .paypal-logo {
    clear: left;
    margin: 0;
    text-align: right;
}

.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 0;
}

.product-view .add-to-cart .paypal-logo {
    margin: 0;
}


/* Add to Links + Add to Cart */

.add-to-box {
    margin: 10px 0;
}

.add-to-box .add-to-cart {
    float: left;
}

.add-to-box .or {
    float: left;
    font-weight: bold;
    margin: 0 7px;
    color: #666;
}

.add-to-box .add-to-links {
    float: left;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

.add-to-box .add-to-links li {
    display: block !important;
}

.add-to-box .add-to-links li .separator {
    display: none !important;
}

.product-view {
    border: 1px solid #c4c6c8;
}

.product-essential {
    padding: 25px;
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_product-view.gif) 100% 0 no-repeat;
}

.product-essential h2 {
    font: bold 13px/1.35 Arial, Helvetica, sans-serif;
}

.product-collateral {
    background: #faf7ee url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_product_collateral.gif) 0 0 repeat-x;
    padding: 25px;
}

/*TODO 20180516*/
/*.product-collateral h2 {
    font-weight: bold;
    font-size: 15px;
    color: #e26703;
    border-bottom: 1px solid #e5dcc3;
    padding: 0 0 1px;
    margin: 0 0 15px;
}*/

.product-collateral .box-collateral {
    margin: 0 0 25px;
}


/* Product Images */

.product-view .product-img-box {
    float: left;
    width: 267px;
}

.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto;
}

/*.product-view .product-img-box .product-image {
    margin: 0 0 13px;
}*/

.product-view .product-img-box .swiper-container {
    margin: 0 0 13px;
}

.product-view .product-img-box .product-image-zoom {
    position: relative;
    width: 265px;
    height: 265px;
    overflow: hidden;
    z-index: 9;
}

.product-view .product-img-box .product-image-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    cursor: move;
}

.product-view .product-img-box .zoom-notice {
    font-size: 11px;
    margin: 0 0 5px;
    text-align: center;
}

.product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer;
}

.product-view .product-img-box .zoom.disabled {
    -moz-opacity: .3;
    -webkit-opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /*IE8*/
    opacity: .3;
}

.product-view .product-img-box .zoom #track {
    position: relative;
    height: 18px;
}

.product-view .product-img-box .zoom #handle {
    position: absolute;
    left: 0;
    top: -1px;
    width: 9px;
    height: 22px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/magnifier_handle.gif) 0 0 no-repeat;
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0;
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0;
}

.product-view .product-img-box .more-views h2 {
    font-size: 11px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.product-view .product-img-box .more-views ul {
    margin-left: -9px
}

.product-view .product-img-box .more-views li {
    float: left;
    margin: 0 0 8px 9px;
}

.product-view .product-img-box .more-views li a {
    float: left;
    width: 56px;
    height: 56px;
    border: 2px solid #ddd;
    overflow: hidden;
}

.product-image-popup {
    margin: 0 auto;
}

.product-image-popup .buttons-set {
    float: right;
    clear: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.product-image-popup .nav {
    font-weight: bold;
    margin: 0 100px;
    text-align: center;
}

.product-image-popup .image {
    display: block;
    margin: 10px 0;
}

.product-image-popup .image-label {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #2f2f2f;
}


/* Product Shop */

.product-view .product-shop {
    float: right;
    width: 330px;
}

.col1-layout .product-view .product-shop {
    float: right;
    width: 545px;
}

.col3-layout .product-view .product-shop {
    float: none;
    width: auto;
}

.product-view .product-shop .product-name {
    margin: 0 0 5px;
}

.product-view .product-shop .product-name h1 {
    margin: 0;
    font: bold 15px/1.35 Arial, Helvetica, sans-serif;
}

.product-view .product-shop .availability {
    margin: 10px 0;
}

.product-view .product-shop .short-description {
    margin: 10px 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_divider1.gif) 0 0 repeat-x;
    padding: 10px 0 0;
}

.product-view .product-shop .price-box {
    margin: 0;
}

.product-view .product-shop .add-to-links {
    margin: 0;
}

.product-view .product-shop .add-to-links {
    font-size: 12px;
    text-align: right;
}

.product-view .product-shop .add-to-links li,
.product-view .product-shop .add-to-links li .separator {
    display: inline;
}

.product-view .product-shop .add-to-links a {
    color: #1E7EC8 !important;
    font-weight: normal !important;
}


/* Product Options */

.product-options {
    margin: 20px 0 0;
    padding: 10px 15px 20px;
    position: relative;
    background-color: #f6f6f6;
    border: 1px solid #e4e4e4;
}

.product-options dt {
    padding: 10px 0 0;
    font-weight: normal;
}

.product-options dt label {
    font-weight: bold;
    color: #2f2f2f;
}

.product-options dt label.required em {
    color: #eb340a;
    margin-left: 5px;
}

.product-options dd .qty-holder {
    display: block;
    padding: 10px 0 0;
}

.product-options dd .qty-holder label {
    vertical-align: middle;
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
    color: #2f2f2f;
}

.product-options dd {
    padding: 5px 10px 15px;
    margin: 0 0 5px;
    border-bottom: 1px solid #e4e4e4;
}

.product-options dl.last dd.last {
    border-bottom: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.product-options dd input.input-text {
    width: 98%;
}

.product-options dd input.datetime-picker {
    width: 150px;
}

.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle;
}

.product-options dd textarea {
    width: 98%;
    height: 8em;
}

.product-options dd select {
    width: 99%;
}

.product-options dd .multiselect option {
    border-bottom: 1px dotted #d9e5ee;
    padding: 2px 4px;
}

.product-options ul.options-list {
    margin-right: 5px;
}

.product-options ul.options-list li {
    line-height: 1.5;
    padding: 2px 0;
}

.product-options ul.options-list input.radio {
    float: left;
    margin-top: 3px;
}

.product-options ul.options-list input.checkbox {
    float: left;
    margin-top: 3px;
}

.product-options ul.options-list .label {
    display: block;
    margin-left: 18px;
}

.product-options ul.options-list label {
    font-weight: normal;
}

.product-options ul.validation-failed {
    padding: 0 7px;
}

.product-options p.note {
    margin: 0;
    font-size: 11px;
}

.product-options p.required {
    position: absolute;
    right: 20px;
    top: 20px;
}

.product-options-bottom {
    background-color: #fffada;
    padding: 15px 20px;
    border: 1px solid #e4e4e4;
    border-top: 0;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0;
    color: #e26703;
}

.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
    color: #e26703;
}

.product-options-bottom .price-box {
    float: left;
    margin: 0;
    padding: 0;
}

.product-options-bottom .add-to-links {
    clear: both;
    padding: 5px 0 0;
    text-align: right;
}

.col3-layout .product-options-bottom .price-box {
    float: none;
    padding: 0 0 5px;
}

.product-options-bottom .price-label {
    float: left;
    padding-right: 5px;
}

.product-options-bottom .price-tax {
    float: left;
}

.product-options-bottom .add-to-cart {
    float: right;
}

.product-shop .product-options-bottom {
    margin: 0 0 10px;
}

.product-shop .product-options-bottom .price-box {
    float: none;
    margin: 0 0 5px;
}

.product-shop .product-options-bottom .price-label {
    float: none;
    padding-right: 0;
}

.product-shop .product-options-bottom .price-tax {
    float: none;
}

.product-shop .product-options-bottom .add-to-cart-box {
    clear: both;
    float: left;
    padding-top: 12px;
}

.product-shop .product-options-bottom .add-to-links {
    clear: both;
    padding: 5px 0 0;
    text-align: right;
}


/* Grouped Product */

.product-view .grouped-items-table .price-box {
    margin: 0;
    padding: 0;
}


/* Block: Description */

.product-view .box-description {}


/* Block: Additional */

.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td {
    line-height: 1.25;
}


/* Block: Upsell */

.product-view .box-up-sell h2 {
    border-bottom: 0;
    padding: 0;
    margin: 0 0 8px;
}

.product-view .box-up-sell .products-grid {
    width: 100%;
    border: 1px solid #e5dcc3;
}

.product-view .box-up-sell .products-grid td {
    width: 25%;
    background: #f6f2e7;
    border-right: 1px solid #e5dcc3;
    border-bottom: 1px solid #e5dcc3;
    padding: 15px 10px 12px;
    line-height: 1.6em;
}

.product-view .box-up-sell .products-grid tr.last td {
    border-bottom: 0;
}

.product-view .box-up-sell .products-grid td.last {
    border-right: 0;
}

.product-view .box-up-sell .products-grid td img {
    border: 1px solid #e5dcc3;
}

.product-view .box-up-sell .products-grid .product-image {
    text-align: center;
}

.product-view .box-up-sell .products-grid td.empty {
    border-right: 0;
    background: #f1ecdb;
}

.product-view .box-up-sell .products-grid .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 3px;
}


/* Block: Tags */

.product-view .box-tags {
    margin: 0;
}

.product-view .box-tags h3 {
    font-size: 13px;
}

.product-view .box-tags .product-tags {
    display: block;
    margin: 0 0 15px;
}

.product-view .box-tags .product-tags li {
    display: inline;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_pipe3.gif) 100% 4px no-repeat;
    padding: 0 7px 0 4px;
}

.product-view .box-tags .product-tags li.first {
    padding-left: 0;
}

.product-view .box-tags .product-tags li.last {
    background: none;
    padding-right: 0;
}

.product-view .box-tags .form-add label {
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px;
    color: #0a263c;
}

.product-view .box-tags .form-add .input-box {
    float: left;
    width: 305px;
    margin: 0 5px 0 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_tag_add.gif) 0 2px no-repeat;
    padding: 0 0 0 23px;
}

.product-view .box-tags .form-add input.input-text {
    width: 299px;
}

.product-view .box-tags .form-add button.button span {
    border-color: #406a83;
    background: #618499;
}

.product-view .box-tags .note {
    margin: 3px 0 0;
    padding: 0 0 0 23px;
    font-size: 11px;
}


/* Block: Reviews */

.product-view .box-reviews dl {
    margin: 15px 0;
}

.product-view .box-reviews dt a,
.product-view .box-reviews dt span {
    font-weight: bold;
}

.product-view .box-reviews dd {
    margin: 0 0 15px;
}

.product-view .box-reviews dd small {
    font-style: italic;
}

.product-view .box-reviews .form-add {
    margin: 15px 0 0;
}

.product-view .box-reviews .form-add h3 {
    font-size: 13px;
    font-weight: normal;
}

.product-view .box-reviews .form-add h3 span {
    font-weight: bold;
}

.product-view .box-reviews .form-add h4 {
    font-size: 12px;
}

.product-view .box-reviews .form-add .data-table td {
    text-align: center;
}

.product-view .box-reviews .form-add .form-list {
    margin: 15px 0 0;
}

.product-view .box-reviews .form-add .form-list .input-box {
    width: 360px;
}

.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea {
    width: 354px;
}


/* Send a Friend */

.send-friend .form-list {
    width: 615px;
    overflow: hidden;
}

.send-friend .form-list li {
    margin-right: -15px;
}

.send-friend .form-list li p {
    margin: 0 15px 0 0;
}

.send-friend .form-list .field {
    width: 315px;
}

.send-friend .form-list .input-box {
    width: 300px;
}

.send-friend .form-list input.input-text,
.send-friend .form-list textarea {
    width: 294px;
}

.send-friend .form-list li.wide .input-box {
    width: 612px;
}

.send-friend .form-list li.wide textarea {
    width: 609px;
}

.send-friend .buttons-set .limit {
    float: right;
    margin: 0 7px 0 0;
    font-size: 11px;
    line-height: 21px;
}


/* ======================================================================================= */


/* Content Styles ================================================================= */

.product-name {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}

.product-name a {
    color: #1e7ec8;
}


/* Product Tags */

.tags-list {
    display: block;
    font-size: 13px;
    border: 1px solid #c1c4bc;
    background: #f8f7f5;
    padding: 10px;
}

.tags-list li {
    display: inline !important;
    margin: 0 4px 0 0;
}

.tags-list li a {
    color: #1b2d3b;
}


/* Advanced Search */

.advanced-search .form-list label {
    width: 160px;
    padding-right: 10px;
}

.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
    float: left;
    clear: none;
}

.advanced-search-amount {
    margin: 0 0 10px;
}

.advanced-search-summary {
    margin: 10px 0;
    border: 1px solid #e9d7c9;
    background: #fff6f1;
    padding: 10px;
}

.advanced-search-summary ul {
    float: left;
    width: 49%;
}

.advanced-search-summary strong {
    color: #E17C24;
    padding-left: 15px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_search_criteria.gif) 0 3px no-repeat;
}

.advanced-search-summary p {
    clear: both;
    font-weight: bold;
    margin: 0;
}


/* CMS Home Page */

.cms-home .subtitle {}

.cms-index-index .subtitle {}


/* Sitemap */

.page-sitemap .links {
    text-align: right;
    margin: 0 8px -22px 0;
}

.page-sitemap .links a {
    text-decoration: none;
    position: relative;
}

.page-sitemap .links a:hover {
    text-decoration: underline;
}

.page-sitemap .sitemap {
    margin: 12px;
}

.page-sitemap .sitemap a {
    color: #1b2d3b;
}

.page-sitemap .sitemap li {
    margin: 3px 0;
}

.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold;
}

.page-sitemap .sitemap li.level-0 a {
    color: #1e7ec8;
}


/* RSS */

.rss-title h1 {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_rss-big.png) 0 4px no-repeat;
    padding-left: 27px;
}

.rss-table .link-rss {
    display: block;
    line-height: 1.55;
    background-position: 0 4px;
}


/* ======================================================================================= */


/* Shopping Cart ========================================================================= */

.cart .page-title {
    border-bottom: 0;
    margin: 0 0 12px;
}

.cart .page-title h1 {
    margin: 10px 0 0;
}


/* Checkout Types */

.cart .page-title .checkout-types li {
    margin: 0 0 5px;
}

.cart .title-buttons .checkout-types {
    float: right;
}

.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px;
}

.cart .checkout-types .paypal-or {
    margin: 0 8px;
    line-height: 2.3;
}

.cart .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 8px 55px 0 0;
    line-height: 1.0;
    font-size: 11px;
}


/* Shopping Cart Table */

.cart-table th {
    padding: 2px 10px;
}

.cart-table td {
    padding: 10px;
}

.cart-table .product-name {
    font-weight: bold;
    margin: 0 0 5px;
    color: #2f2f2f;
}

.cart-table .item-msg {
    margin: 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #df280a;
}

.cart-table tfoot td {
    padding: 5px 10px;
}

.cart-table .btn-continue {
    float: left;
}

.cart-table .btn-empty span,
.cart-table .btn-continue span,
.cart-table .btn-update span {
    border-color: #406a83;
    background: #618499;
}

.cart-table .btn-update,
.cart-table .btn-empty {
    float: right;
}

.cart-table .btn-update {
    margin-left: 10px;
}


/* Shopping Cart Collateral boxes */

.cart .cart-collaterals {
    padding: 25px 0 0;
}

.cart .cart-collaterals .col2-set {
    float: left;
    width: 605px;
}

.cart .cart-collaterals .col2-set .col-2 {
    width: 294px;
}

.cart .crosssell {
    border: 1px solid #cec3b6;
    background: #fafaec;
    padding: 12px 15px;
}

.cart .crosssell h2 {
    font-size: 13px;
    font-weight: bold;
}

.cart .crosssell .product-image {
    float: left;
    width: 75px;
    height: 75px;
    border: 1px solid #d0cdc9;
}

.cart .crosssell .product-details {
    margin-left: 90px;
}

.cart .crosssell .product-name {
    font-weight: bold;
}

.cart .crosssell li.item {
    margin: 12px 0;
}

.cart .crosssell .link-compare {
    font-weight: normal;
}


/* Discount Codes & Estimate Shipping and Tax Boxes */

.cart .discount,
.cart .shipping {
    border: 1px solid #d0cbc1;
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-title.gif) 0 0 repeat-x;
    padding: 12px 15px;
    margin: 0 0 18px;
}

.cart .discount h2,
.cart .shipping h2 {
    background-position: 0 0;
    background-repeat: no-repeat;
    font: bold 13px/16px Arial, Helvetica, sans-serif;
    padding: 0 0 0 21px;
    color: #e26703;
    text-transform: uppercase;
}

.cart .discount button span,
.cart .shipping button span {
    border-color: #406a83;
    background: #618499;
}

.cart .discount .buttons-set,
.cart .shipping .buttons-set {
    margin: 10px 0 0;
    border: 0;
    padding: 0;
    text-align: left;
}

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
    float: none;
    margin-left: 0;
}

.cart .discount h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_discount.gif);
}

.cart .discount .input-box {
    margin: 8px 0 0;
    width: 260px;
}

.cart .discount input.input-text {
    width: 254px;
}

.cart .shipping h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_shipping.gif);
}

.cart .shipping .sp-methods {
    margin: 10px 0 0;
    padding: 5px 0 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_divider1.gif) 0 0 repeat-x;
}


/* Shopping Cart Totals */

.cart .totals {
    float: right;
    width: 268px;
    background: #dee5e8;
    border: 1px solid #bebcb7;
}

.cart .totals table {
    width: 100%;
    margin: 7px 0;
}

.cart .totals td {
    padding: 1px 15px 1px 7px;
}

.cart .totals tr.last td {}

.cart .totals tfoot th {
    padding: 5px 15px 5px 7px;
}

.cart .totals tfoot td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.cart .totals tfoot th strong,
.cart .totals tfoot td strong {
    font-size: 15px;
}

.cart .totals .checkout-types {
    font-size: 13px;
    padding: 8px 15px 15px;
    text-align: right;
}

.cart .totals .checkout-types li {
    clear: both;
    margin: 10px 0;
}


/* Options Tool Tip */

.item-options dt {
    font-weight: bold;
    font-style: italic;
}

.item-options dd {
    padding-left: 10px;
    margin: 0 0 6px;
}

.truncated {
    cursor: help;
}

.truncated a.dots {
    cursor: help;
}

.truncated a.details {
    cursor: help;
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999;
}

.truncated .truncated_full_value .item-options {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 250px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
}

.truncated .truncated_full_value .item-options > p {
    font-weight: bold;
    text-transform: uppercase;
}

.truncated .show .item-options {
    top: -20px;
    left: 50%;
}

.col-left .truncated .show .item-options {
    left: 15px;
    top: 7px;
}

.col-right .truncated .show .item-options {
    left: -240px;
    top: 7px;
}


/* ======================================================================================= */


/* Checkout ============================================================================== */


/********** < Common Checkout Styles */


/* Shipping and Payment methods */

.sp-methods {
    margin: 0 0 8px;
}

.sp-methods dt {
    margin: 13px 0 5px;
    font-weight: bold;
}

.sp-methods dd {}

.sp-methods dd li {
    margin: 5px 0;
}

.sp-methods label {
    font-weight: bold;
    color: #666;
}

.sp-methods .price {
    font-weight: bold;
}

.sp-methods .form-list {
    padding-left: 20px;
}

.sp-methods .form-list li {
    margin: 0 0 8px;
}

.sp-methods select.month {
    width: 154px;
    margin-right: 10px;
}

.sp-methods select.year {
    width: 96px;
}

.sp-methods input.cvv {
    width: 3em !important;
}

.sp-methods .checkmo-list li {
    margin: 0 0 5px;
}

.sp-methods .checkmo-list label {
    width: 135px;
    padding-right: 10px;
    text-align: right;
}

.sp-methods .checkmo-list address {
    float: left;
}

.sp-methods .centinel-logos a {
    margin-right: 3px;
}

.sp-methods .centinel-logos img {
    vertical-align: middle;
}

.sp-methods .release-amounts {
    margin: 0.5em 0;
}

.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0;
}

.please-wait {
    float: right;
}

.please-wait img {
    vertical-align: middle;
}

.cvv-what-is-this {
    font-size: 11px;
    cursor: help;
    margin-left: 10px;
}


/* Tooltip */

.tool-tip {
    border: 1px solid #7BA7C9;
    background: #EAF6FF;
    padding: 15px 20px;
    position: absolute;
    z-index: 9999;
}

.tool-tip .btn-close {
    margin: -9px -14px 0;
    text-align: right;
}

.tool-tip .btn-close a {
    display: block;
    margin: 0 0 0 auto;
    width: 15px;
    height: 15px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_window_close.gif) 100% 0 no-repeat;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
}

.tool-tip .tool-tip-content {
    padding: 5px;
}


/* Gift Messages */

.gift-messages h3 {
    font-size: 12px;
    font-weight: bold;
    color: #e87403;
}

.gift-messages p.control {
    color: #8e8d8b;
}

.gift-messages-form {
    position: relative;
}

.gift-messages-form label {
    float: none !important;
    position: static !important;
}

.gift-messages-form h4 {
    font-size: 12px;
    font-weight: bold;
    color: #e87403;
}

.gift-messages-form .whole-order {
    margin: 0 0 25px;
}

.gift-messages-form .item {
    margin: 0 0 10px;
}

.gift-messages-form .item .product-img-box {
    float: left;
    width: 75px;
}

.gift-messages-form .item .product-image {
    margin: 0 0 7px;
}

.gift-messages-form .item .number {
    margin: 0;
    font-weight: bold;
    text-align: center;
    color: #8a8987;
}

.gift-messages-form .item .details {
    margin-left: 90px;
}

.gift-messages-form .item .details .product-name {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
}

.gift-messages-form .item .details .form-list .field {
    width: 255px;
}

.gift-messages-form .item .details .form-list .input-box {
    width: 240px;
}

.gift-messages-form .item .details .form-list input.input-text {
    width: 234px;
}

.gift-messages-form .item .details .form-list li.wide .input-box {
    width: 500px;
}

.gift-messages-form .item .details .form-list li.wide textarea {
    width: 494px;
}

.gift-message-link {
    font-size: 11px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat;
    padding-right: 7px;
}

.gift-message-link.expanded {
    background-position: 100% -40px;
}

.gift-message-row {
    background: #f2efe9;
}

.gift-message-row .btn-close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_gm-close.gif) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}


/* Checkout Agreements */

.checkout-agreements li {
    margin: 30px 0;
}

.checkout-agreements .agreement-content {
    overflow: auto;
    height: 12em;
    padding: 10px;
    background-color: #fbfaf6;
    border: 1px solid #bbb6a5;
}

.checkout-agreements .agree {
    margin: 0;
    padding: 10px 0 10px 11px;
}

.checkout-agreements .agree input.checkbox,
.onestepcheckout-enable-newsletter input#id_subscribe_newsletter {
    margin-right: 6px;
}

.checkout-agreements .agree label {
    font-weight: bold;
    color: #666;
}

.opc .checkout-agreements {
    border: 1px solid #d9dde3;
    border-width: 0 1px;
    padding: 5px 30px;
}

.opc .checkout-agreements li {
    margin: 20px 0 0;
}

.opc .checkout-agreements .agreement-content {
    background-color: #fff;
    border-color: #e4e4e4;
    padding: 5px;
}

.opc .checkout-agreements .agree {
    padding-left: 6px;
}


/* Centinel */

.centinel {}

.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff;
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.opc .centinel {
    border: 1px solid #bbb6a5;
    border-width: 0 1px 1px;
    padding: 10px 30px;
}


/* Generic Info Set */

.info-set {
    background: #fbfaf6 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_checkout.gif) 0 0 repeat-x;
    border: 1px solid #bbb6a5;
    margin: 0 0 25px;
    padding: 20px;
}

.info-set h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
}

.info-set h3,
.info-set h4 {
    font-size: 13px;
    font-weight: bold;
    color: #E26703;
}

.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
    font-weight: normal;
}

.info-set h2.legend {
    margin: -20px -20px 15px;
    padding: 5px 10px;
    background: #f9f3e3;
    border-bottom: 1px solid #bbafa0;
    position: relative;
}

.info-set h3.legend {
    margin: 0 0 10px;
    color: #0a263c;
}

.info-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative;
}

.info-set .box {
    margin: 0 0 15px;
}

.info-set .box h2 {
    color: #e26703;
}

.info-set .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #1e7ec8 !important;
}

.info-set .data-table .product-name a {
    font-weight: bold !important;
}

.info-set .data-table .item-options {
    margin: 5px 0 0;
}


/********** Common Checkout Styles > */


/* One Page Checkout */

.block-progress {
    border: 0;
    margin: 0;
}

.block-progress .block-title {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 0 5px;
}

.block-progress .block-title strong {
    font-size: 13px;
    color: #0a263c;
}

.block-progress .block-content {
    background: none;
}

.block-progress dt {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.35;
    background: #eee;
    border: 1px solid #a3aeb3;
    margin: 0 0 6px;
    padding: 2px 8px;
    color: #999;
}

.block-progress dd {
    background: #eee;
    border: 1px solid #a3aeb3;
    border-top: 0;
    padding: 8px 13px;
    margin: 0 0 6px;
}

.block-progress dt.complete {
    margin: 0;
    background: #d0dce1;
    color: #5e8ab4;
}

.block-progress dd.complete {}

.block-progress p {
    margin: 0;
}

.block-progress .cards-list dt {
    background: none;
    border: 0 none;
    color: inherit;
    font-size: 12px;
    margin: 5px 0;
    padding: 0;
}

.block-progress .cards-list dd {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.block-progress .cards-list .info-table th {
    font-weight: normal;
}

.opc .buttons-set {
    margin-top: 0;
    padding-top: 2em;
}

.opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px;
}

.opc .buttons-set .back-link small {
    display: none;
}

.opc .buttons-set .back-link a {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_arrow-top.gif) 0 50% no-repeat;
    padding-left: 16px;
}

.opc .buttons-set.disabled button.button {
    display: none;
}

.opc .buttons-set .please-wait {
    height: 21px;
    line-height: 21px;
}

.opc .ul {
    list-style: disc outside;
    padding-left: 18px;
}

.opc {
    position: relative;
}

.opc li.section {}

.opc .step-title {
    border-width: 0 1px;
    border-style: solid;
    border-color: #fff #d9dde3 #d9dde3;
    background: #eee url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_opc-title-off.gif) 0 100% repeat-x;
    padding: 4px 8px 6px;
    text-align: right;
}

.opc .step-title .number {
    float: left;
    background: #fff;
    border: 1px solid #fff;
    padding: 0 4px;
    margin: 0 5px 0 0;
    font: bold 11px/14px arial, helvetica, sans-serif;
    color: #999;
}

.opc .step-title h2 {
    float: left;
    margin: 0;
    font: bold 13px/16px Arial, Helvetica, sans-serif;
    color: #999;
}

.opc .step-title a {
    display: none;
    float: right;
    font-size: 11px;
    line-height: 16px;
}

.opc .allow .step-title {
    background: #d0dce1;
    border: 1px solid #a3aeb3;
    border-bottom: 0;
    color: #a4b3b9;
    cursor: pointer;
}

.opc .allow .step-title .number {
    background: #dbe6eb;
    border-color: #dbe6eb;
    color: #a4b3b9;
}

.opc .allow .step-title h2 {
    color: #a4b3b9;
}


/*.opc .allow .step-title a { display:block; }*/

.opc .active .step-title {
    background: #f9f3e3;
    border: 1px solid #bbafa0;
    padding-bottom: 5px;
    color: #f18200;
    cursor: default;
}

.opc .active .step-title .number {
    background: #f18200;
    border-color: #f19900;
    color: #fff;
}

.opc .active .step-title h2 {
    color: #f18200;
}


/*.opc .active .step-title a { display:none; }*/

.opc .step {
    border: 1px solid #bbafa0;
    border-top: 0;
    background: #fbfaf6 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_checkout.gif) 0 0 repeat-x;
    padding: 15px 30px;
    position: relative;
}

.opc .step .tool-tip {
    right: 30px;
}

#opc-login .buttons-set {
    border-top: 0;
}

#opc-login h3 {
    font-size: 13px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 2px;
    text-transform: uppercase;
}

#opc-login h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    color: #2f2f2f;
}

#opc-shipping_method .buttons-set {
    border-top: 0;
}

.opc .gift-messages-form {
    margin: 0 -30px;
    background: #f6f1eb;
    border: 1px solid #e9e4de;
    border-width: 1px 0;
    padding: 22px 24px 22px 30px;
}

.opc .gift-messages-form .inner-box {
    padding: 5px;
    height: 260px;
    overflow: auto;
}

#opc-review .step {
    border: 0;
    padding: 0;
}

#opc-review .product-name {
    font-weight: bold;
    color: #0a263c;
}

#opc-review .item-options {
    margin: 5px 0 0;
}

#opc-review .buttons-set {
    padding: 20px 30px;
    border: 1px solid #d9dde3;
    border-width: 0 1px 1px;
}

#opc-review .buttons-set p {
    margin: 0;
    line-height: 40px;
}

#opc-review .buttons-set .please-wait {
    height: 40px;
    line-height: 40px;
}

#opc-review .authentication {
    margin: 0 auto;
    width: 570px;
}

#opc-review .warning-message {
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0;
}


/* Multiple Addresses Checkout */

.checkout-progress {
    padding: 0 90px;
    margin: 0 0 20px;
}

.checkout-progress li {
    float: left;
    width: 19%;
    margin: 0 3px 0 0;
    border-top: 10px solid #999;
    padding: 2px 0 0;
    font-weight: bold;
    text-align: center;
    color: #abb5ba;
}

.checkout-progress li.active {
    border-top-color: #e96200;
    color: #e96200;
}

.multiple-checkout h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
}

.multiple-checkout h3,
.multiple-checkout h4 {
    font-size: 13px;
    font-weight: bold;
    color: #E26703;
}

.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a {
    font-weight: normal;
}

.multiple-checkout .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #1e7ec8 !important;
}

.multiple-checkout .data-table .product-name a {
    font-weight: bold !important;
}

.multiple-checkout .data-table .item-options {
    margin: 5px 0 0;
}

.multiple-checkout .gift-messages {
    margin: 15px 0 0;
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 20px;
}

.multiple-checkout .col2-set,
.multiple-checkout .col3-set {
    background: #fbfaf6 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_checkout.gif) 0 0 repeat-x;
    border: 1px solid #bbb6a5;
    margin: 0 0 25px;
    padding: 20px;
}

.multiple-checkout .col2-set h2.legend {
    margin: -20px -20px 15px;
    padding: 5px 10px;
    background: #f9f3e3;
    border-bottom: 1px solid #bbafa0;
    position: relative;
}

.multiple-checkout .col2-set h3.legend {
    margin: 0 0 10px;
    color: #0a263c;
}

.multiple-checkout .col2-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative;
}

.multiple-checkout .box {
    margin: 0 0 15px;
}

.multiple-checkout .box h2 {
    color: #e26703;
}

.multiple-checkout .place-order .please-wait {
    float: right;
    padding: 27px 7px 0 0;
}

.multiple-checkout .place-order .grand-total {
    float: right;
    height: 71px;
    font-size: 1.5em;
    padding: 0 0 0 21px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_grand-total.gif) 0 0 no-repeat;
    overflow: hidden;
}

.multiple-checkout .place-order .grand-total .inner {
    float: left;
    height: 57px;
    padding: 14px 21px 0 0;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_grand-total.gif) 100% 0 no-repeat;
}

.multiple-checkout .place-order .grand-total .inner div {
    display: inline;
}

.multiple-checkout .place-order .grand-total big {
    display: inline;
    margin-right: 12px;
}

.multiple-checkout .place-order .grand-total .price {
    color: #E26703;
}

.multiple-checkout .place-order .grand-total button.button span {
    font-size: 16px;
}

.multiple-checkout .place-order .grand-total button.button span span {
    padding: 0 45px 0 36px;
}


/* Step 1 */

.multiple-checkout .title-buttons button.button span {
    border-color: #406a83;
    background: #618499;
}

#multiship-addresses-table td {
    padding: 10px;
}

#multiship-addresses-table tfoot td {
    padding: 5px 10px;
}

#multiship-addresses-table tfoot button.button span {
    border-color: #406a83;
    background: #618499;
}


/* Step 2 */

.multiple-checkout .gift-messages-form .item .details .form-list {
    width: 100%;
    overflow: hidden;
}

.multiple-checkout .gift-messages-form .item .details .form-list li {
    margin-right: -15px;
}

.multiple-checkout .gift-messages-form .item .details .form-list .field {
    width: 230px;
}

.multiple-checkout .gift-messages-form .item .details .form-list .input-box {
    width: 215px;
}

.multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
    width: 209px;
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
    width: 445px;
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
    width: 439px;
}

.checkout-multishipping-shipping .box-sp-methods {
    border: 1px solid #d9d2be;
    background: #f9f3e3;
    padding: 13px;
    position: relative;
}

.checkout-multishipping-shipping .box-sp-methods .pointer {
    position: absolute;
    top: -20px;
    right: -40px;
    width: 178px;
    height: 41px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_sp-methods.gif) 0 0 no-repeat;
    overflow: hidden;
}


/* Step 3 */

.checkout-multishipping-billing .multiple-checkout {
    position: relative;
}


/* ======================================================================================= */


/* Account Login/Create Pages ============================================================ */

.account-login .content {
    background: #faf7ee url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_login-box.gif) 0 0 repeat-x;
    border: 1px solid #bbb6a5;
    border-bottom: 0;
}

.account-login .content h2 {
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 14px;
    padding: 0 0 5px 23px;
    border-bottom: 1px solid #ddd;
    background-position: 0 1px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #e76200;
}

.account-login .new-users h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_page1.gif)
}

.account-login .registered-users h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_page2.gif);
}

.account-login .buttons-set {
    border: 1px solid #bbb6a5;
    border-top: 0;
    margin: 2em 0 0 0;
    padding: 8px 13px 8px 0;
    background: #dee5e8 url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_buttons-set1.gif) 0 0 repeat-x;
}

.account-create {}


/* Captcha ================================================================================ */

.captcha-note {
    clear: left;
    padding-top: 5px;
}

.captcha-image {
    float: left;
    display: inline;
    margin: 0;
    position: relative;
    width: 258px;
}

.captcha-image .captcha-img {
    border: 1px solid #b6b6b6;
    vertical-align: bottom;
    width: 100%;
}

.registered-users .captcha-image {
    margin: 0;
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px;
}

.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear;
    -webkit-animation: rotate 1.5s infinite linear;
    -moz-animation: rotate 1.5s infinite linear;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
    }
    0% {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0);
    }
    0% {
        -moz-transform: rotate(-360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    0% {
        transform: rotate(-360deg);
    }
}


/* Remember Me Popup ===================================================================== */

.window-overlay {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/window_overlay.png) repeat;
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990;
}

.remember-me label {
    float: none;
    margin: 0 6px;
}

.remember-me-popup {
    background: #fff;
    border: 1px solid #ccc;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -85px 0 0 -200px;
    width: 400px;
    text-align: left;
    -moz-box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    -box-shadow: 0 0 6px #ccc;
    z-index: 1000;
}

.remember-me-popup h3 {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 10px;
}

.remember-me-popup .remember-me-popup-head {
    position: relative;
}

.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    height: 15px;
    width: 15px;
    text-indent: -9999em;
}

.remember-me-popup .remember-me-popup-body {
    padding: 10px;
}

.remember-me-popup .remember-me-popup-body a {
    display: inline-block;
    height: 19px;
    border: 1px solid #de5400;
    background: #f18200;
    padding: 0 8px;
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
}


/* Remember Me Popup ===================================================================== */


/* My Account ============================================================================= */

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}


/********** < Dashboard */

.dashboard .welcome-msg {
    margin: 0 8em 1.5em 0;
}

.dashboard .welcome-msg p {
    margin: 0;
}

.dashboard .col2-set {
    margin: 0 0 15px;
}


/* General Box */

.box-account {
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_account_box.gif) 0 0 repeat-x;
    border: 1px solid #ccc;
    border-color: #ccc #999 #999 #ccc;
    padding: 15px;
    margin: 0 0 20px;
}

.box-account .box-head {
    border-bottom: 1px solid #d9dde3;
    margin: 0 0 10px;
}

.box-account .box-head h2 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 21px;
    color: #e65505;
}

.dashboard .box .box-title {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 2px;
    margin: 0 0 8px;
}

.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.dashboard .box .box-title a:before {
    content: "(";
}

.dashboard .box .box-title a:after {
    content: ")";
}


/* Block: Recent Orders */

.dashboard .box-recent .box-head h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_folder-table.gif);
}


/* Block: Account Information */

.dashboard .box-info .box-head h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_ma-info.gif);
}

.dashboard .box-info h4 {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}


/* Block: Reviews */

.dashboard .box-reviews .box-head h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_ma-reviews.gif);
}

.dashboard .box-reviews .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c;
}

.dashboard .box-reviews .details {
    margin-left: 20px;
}

.dashboard .box-reviews li.item {
    margin: 0 0 7px;
}

.dashboard .box-reviews li.item.last {
    margin: 0;
}

.dashboard .box-reviews .ratings {
    margin: 7px 0 0;
}


/* Block: Tags */

.dashboard .box-tags .box-head h2 {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/i_ma-tags.gif);
}

.dashboard .box-tags .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c;
}

.dashboard .box-tags .details {
    margin-left: 20px;
}

.dashboard .box-tags li.item {
    margin: 0 0 7px;
}

.dashboard .box-tags li.item.last {
    margin: 0;
}

.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
    display: inline;
}


/********** Dashboard > */


/* Address Book */

.addresses-list h2 {
    font-weight: bold;
    font-size: 13px;
    color: #e26703;
    text-transform: uppercase;
}

.addresses-list h3 {
    font-weight: bold;
    font-size: 13px;
}

.addresses-list address {
    margin: 0 0 3px;
}

.addresses-list p {
    margin: 0;
}

.addresses-list a {
    font-weight: bold;
}

.addresses-list .link-remove {
    color: #646464;
}

.addresses-list .separator {
    margin: 0 3px;
}

.addresses-list li.item {
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_account_box.gif) 0 0 repeat-x;
    border: 1px solid #ccc;
    padding: 10px 13px;
    margin: 0 0 10px;
}

.addresses-list li.empty {
    background: none;
    border: 0;
    padding: 0;
}

.addresses-list li.empty p {
    font-weight: bold;
}

.addresses-list .addresses-additional li.item {
    background: none;
    border: 0;
    padding: 0;
}


/* Order View */

.order-info {
    background: #dee5e8;
    border: 1px solid #d0cbc1;
    padding: 4px 8px;
    margin: 0 0 8px;
}

.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
    display: inline;
}

.order-info .current {
    font-weight: bold;
}

.order-info li {
    margin: 0 3px;
}

.order-date {
    margin: 10px 0;
}

.order-info-box {
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_block-title.gif) 0 0 repeat-x;
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px;
}

.order-info-box h2 {
    font-weight: bold;
    font-size: 13px;
}

.order-info-box .box-payment p {
    margin: 0 0 3px;
}

.order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px;
}

.order-items {
    width: 100%;
    overflow-x: auto;
}

.order-items h2,
.order-items h3 {
    clear: none;
    font-weight: bold;
    font-size: 13px;
    padding: 0;
    margin: 0 0 5px;
    color: #0a263c;
}

.order-items .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
}

.order-items .link-print {
    color: #1e7ec8;
    font-weight: normal;
}

.order-items .order-links {
    text-align: right;
}

.order-additional {
    margin: 15px 0;
}


/* Order Gift Message */

.gift-message dt strong {
    color: #666;
}

.gift-message dd {
    font-size: 13px;
    margin: 5px 0 0;
}


/* Order Comments */

.order-about dt {
    font-weight: bold;
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px;
}

.tracking-table {
    margin: 0 0 15px;
}

.tracking-table th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup {
    width: 100%;
}

.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup th,
.tracking-table-popup td {
    padding: 1px 8px;
}


/* Order Print Pages */

.page-print .print-head {
    margin: 0 0 15px;
}

.page-print .print-head .logo {
    float: left;
}

.page-print .print-head address {
    float: left;
    margin-left: 15px;
}

.page-print h1 {
    font-size: 16px;
    font-weight: bold;
}

.page-print h2,
.page-print h3 {
    font-size: 13px;
    font-weight: bold;
}

.page-print h2.h2 {
    font-size: 16px;
    font-weight: bold;
}

.page-print .order-date {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.page-print .col2-set {
    margin: 0 0 10px;
}


/* Price Rewrites */

.page-print .gift-message-link {
    display: none;
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap;
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline;
}


/* My Wishlist */

.my-wishlist .data-table td {
    padding: 10px;
}

.my-wishlist .product-image {
    display: block;
    width: 113px;
    height: 113px;
    margin: 0 0 5px;
}

.my-wishlist textarea {
    display: block;
    width: 97%;
    height: 109px;
}

.my-wishlist .buttons-set {
    margin-top: 2em;
}

.my-wishlist .buttons-set button.button {
    float: none;
}

.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span {
    border-color: #406a83;
    background: #618499;
}

#wishlist-table .add-to-links {
    white-space: nowrap;
}


/* My Tags */

.my-tag-edit {
    float: left;
    margin: 0 0 10px;
}

.my-tag-edit .btn-remove {
    float: right;
    margin: 4px 0 0 5px;
}

#my-tags-table {
    clear: both;
}

#my-tags-table td {
    padding: 10px;
}

#my-tags-table .add-to-links {
    white-space: nowrap;
}


/* My Reviews */

#my-reviews-table td {
    padding: 10px;
}

.product-review .product-img-box {
    float: left;
    width: 140px;
}

.product-review .product-img-box .product-image {
    display: block;
    width: 125px;
    height: 125px;
}

.product-review .product-img-box .label {
    font-size: 11px;
    margin: 0 0 3px;
}

.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 3px;
}

.product-review .product-details {
    margin-left: 150px;
}

.product-review .product-name {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}

.product-review h3 {
    font-size: 12px;
    margin: 0 0 3px;
    color: #2f2f2f;
}

.product-review .ratings-table {
    margin: 0 0 10px;
}

.product-review dt {
    font-weight: bold;
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0;
}


/* Billing Agreements */

.billing-agreements .info-box {
    margin: 15px 0;
}

.billing-agreements .form-list li select {
    float: left;
}

.billing-agreements .form-list li button.button {
    float: left;
    margin-left: 10px;
}

.billing-agreements .table-caption {
    font-weight: bold;
    font-size: 13px;
}


/* ======================================================================================= */


/* MAP Popup============================================================================== */

.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: right;
    text-transform: uppercase;
}

.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
    text-shadow: 0 1px 0 #fff;
}

.map-popup {
    background: #fff;
    border: 1px solid #aaa;
    margin: 12px 0 0;
    position: absolute;
    -moz-box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
    text-align: left;
    width: 300px;
    z-index: 100;
}

.map-popup-heading {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    padding: 5px 30px 5px 10px;
    width: 260px;
}

.map-popup-heading h2 {
    font-size: 16px;
    margin: 0;
    text-shadow: 0 1px 0 #f6f6f6;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
    text-overflow: ellipsis;
}

.map-popup-arrow {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/map_popup_arrow.gif) no-repeat;
    position: absolute;
    left: 50%;
    top: -10px;
    height: 10px;
    width: 19px;
}

.map-popup-close {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    height: 15px;
    width: 15px;
    text-indent: -9999em;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.map-popup-content {
    border-top: 1px solid #eee;
    padding: 10px;
    overflow: hidden;
    text-align: left;
    width: 280px;
}

.map-popup-checkout {
    display: inline;
    float: right;
    text-align: right;
}

.map-popup-checkout span {
    display: block;
    padding-right: 30px;
}

.map-popup-checkout .paypal-logo {
    margin: 0 0 5px;
}

.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0;
}

.map-popup-price {
    margin: 5px 0 0;
}

.map-popup-text {
    clear: right;
    margin: 0 10px;
    padding: 10px 0;
    text-align: left;
    word-wrap: break-word;
}

.map-popup-only-text {
    border-top: 1px solid #ddd;
}


/* ======================================================================================= */


/* Footer ================================================================================ */

.footer-container {
    border-top: 15px solid #b6d1e2;
}

.footer {
    width: 930px;
    margin: 0 auto;
    padding: 10px 10px 50px;
}

.footer .store-switcher {
    display: inline;
    margin: 0 5px 0 0;
    color: #fff;
}

.footer .store-switcher label {
    font-weight: bold;
    vertical-align: middle;
}

.footer .store-switcher select {
    padding: 0;
    vertical-align: middle;
}

/*.footer a {
    color: #fff;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}*/

.footer .bugs {
    margin: 13px 0 0;
    color: #ecf3f6;
}

.footer .bugs a {
    color: #ecf3f6;
    text-decoration: underline;
}

.footer .bugs a:hover {
    text-decoration: none;
}

.footer address {
    margin: 0 0 20px;
    color: #ecf3f6;
}

.footer address a {
    color: #ecf3f6;
    text-decoration: underline;
}

.footer address a:hover {
    text-decoration: none;
}

.footer ul.links {
    display: block;
}

.footer li {
    display: inline;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/bkg_pipe2.gif) 100% 60% no-repeat;
    padding: 0 7px 0 4px;
}

.footer li.last {
    background: none !important;
    padding-right: 0 !important;
}

.footer-container .bottom-container {
    margin: 0 0 5px;
}


/* ======================================================================================= */


/* Sample Data============================================================================ */

.home-callout {
    margin-bottom: 12px;
}

.home-callout img {
    display: block
}

.home-spot {
    float: left;
    width: 470px;
    margin-left: 20px;
}

.best-selling h3 {
    margin: 12px 0 6px 0;
    color: #e25203;
    font-size: 1.2em;
}

.best-selling table {
    border-top: 1px solid #ccc;
}

.best-selling tr.odd {
    background: #eee url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x;
}

.best-selling tr.even {
    background: #fff url(https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x;
}

.best-selling td {
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 8px 10px 8px 8px;
    font-size: 11px;
}

.best-selling .product-img {
    float: left;
    border: 2px solid #dcdcdc;
}

.best-selling .product-description {
    margin-left: 107px;
    line-height: 1.3em;
}

.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover {
    color: #203548;
}


/* ======================================================================================= */

.guest-select {
    width: 305px !important;
}

.page-print .print-head address {
    float: right;
}

.cookiealert .message {
    text-align: left;
    max-width: none !important;
    margin: 0 16px !important;
}

.cookiealert .message a,
.cookiealert .message a:hover,
.cookiealert .message .close a,
.cookiealert .message .close a:hover {
    text-decoration: none !important;
    color: #F39200 !important;
}

.cookiealert .message a,
.cookiealert .message .close a:hover {
    border-bottom: 1px #F39200 solid !important;
}

.cookiealert .message a:hover,
.cookiealert .message .close a {
    border-bottom: none !important;
}

.cookiealert .message p {
    line-height: 1.75;
}

.cookiealert {
    position: relative;
}

.cookiealert .message a.crossed-close-button {
    border-bottom: 0 !important;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .8;
}

.cookiealert .message a.crossed-close-button:hover {
    opacity: 1;
}

.applied_coupon {
    display: flex;
    min-height: 21px;
}

.applied_coupon > span {
    width: 50%;
    word-wrap: break-word;
    padding-right: 10px;
}


/*TODO modal*/

@media (min-width: 768px) {
    .modal--message .modal-dialog {
        width: 470px;
    }
}

.modal-backdrop.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.modal .close {
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    margin: 0;
    background-color: #000;
    position: fixed;
    right: 11px;
    top: 11px;
    cursor: pointer;
    z-index: 1000;
}

.modal .close:before {
    width: 48px;
    height: 48px;
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal .close:hover {
    background-color: #363636;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    padding-top: 30px;
    padding-bottom: 0;
    border: none;
}

.modal-header,
.modal-body,
.modal-footer {
    padding-right: 35px;
    padding-left: 35px;
    border: none;
}

.modal--message .modal-header {
    text-align: center;
}

.modal-title {
    font-size: 30px;
    color: #f39200;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 47px;
}

.modal--message .modal-body {
    text-align: center;
}

.modal-body {
    font-size: 14px;
    line-height: 24px;
}

.modal-body p {
    font-size: 14px;
    line-height: 24px;
}

.modal-body p + p {
    margin-top: 24px;
}

.modal-footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    border: none;
}

.modal-footer .button {
    min-width: 90px;
    padding: 0 15px;
    font-size: 14px;
    text-transform: uppercase;
}

.header__tel {
    display: inline-block;
    vertical-align: middle;
}

.modal-footer--center {
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .header__tel {
        float: right;
        display: block;
        background-color: #F39200;
        height: 37px;
        border-radius: 2px;
        position: relative;
        padding: 0 16px 0 8px;
        cursor: pointer;
    }
    .header__tel:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #ffffff transparent transparent transparent;
    }
}

@media screen and (max-width: 599px) {
    .header__tel {
        margin-top: 11px;
    }
}

.header__tel span {
    display: none;
}

@media screen and (max-width: 1023px) {
    .header__tel span {
        display: inline-block;
        font-size: 17px;
        line-height: 37px;
        vertical-align: middle;
        height: 37px;
        padding: 0 8px;
        border-left: 1px solid #fff;
        color: #fff;
    }
}

.header__tel svg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

@media screen and (max-width: 1023px) {
    .header__tel svg {
        width: 11px;
        height: 22px;
    }
}

.header__tel svg path {
    fill: #F39200;
}

@media screen and (max-width: 1023px) {
    .header__tel svg path {
        fill: #fff;
    }
}

.header__tel .inner {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 19px;
}

.header__tel--active .inner {
    display: inline-block;
}

@media screen and (max-width: 1023px) {
    .header__tel .inner {
        position: absolute;
        white-space: nowrap;
        right: 0;
        padding: 10px;
        border: 1px solid #F39200;
        background-color: #fff;
        border-radius: 2px;
        display: none;
    }
    .header__tel--active .inner {
        display: block;
    }
}

.header__tel .inner a {
    display: block;
}

.header__tel .inner a,
.header__tel .inner a:hover,
.header__tel .inner a:focus {
    text-decoration: none;
    border: none;
}

@media screen and (max-width: 1023px) {
    .header__tel .inner a + a {
        margin-top: 10px;
    }
}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.metaltis.be/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.postWrapper {
	padding-bottom: 25px;
	clear:both;
}
.postTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-bottom: 15px;
}
.postTitle h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.postTitle h3 {
	font-size: 10px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.postContent {
	padding-bottom: 10px;
}
.postDetails {
	
}
.postBookmarks {
	padding-bottom: 10px;
}
.postBookmarks h4 {
	
	font-size: 12px;
	font-weight: bold;
}
.commentWrapper {
	padding-bottom: 15px;
}
.commentContent {
	padding-bottom: 0px;
}
.commentDetails  {
	margin-bottom:5px;
	padding: 0px;
}
.commentDetails  h4.username{
	display:inline;
}

.postError {
	font-size: 16px;
}

.tags{
	font-weight:bold;
	padding-bottom: 10px;
}
.tags UL{
	display:inline;
}
.tags UL LI{
font-weight:normal;
	display:inline;
	padding-right:6px;
}


.tags h4 {
font-size:12px;
font-weight:bold;
}

/*
.menu-tags, .menu-categories, .menu-recent{
	margin:5px 9px;
}
.menu-tags h5, .menu-categories h5, .menu-recent h5{font-size:11px;}

.block-blog .menu-tags UL LI{
	display:inline;
	padding:2px;
	margin-left:10px;
}
.block-blog .menu-categories UL LI{
	margin-left:10px;
}
.block-blog .menu-recent UL LI{
	margin-left:10px;
}
.block-blog .menu-recent UL LI a,.block-blog .menu-categories UL LI a,.block-blog .menu-tags UL LI a{font-size:11px;}
*/


.tagcloud{
	/* text-align:center; */ 
}
.tag-count-1{
	font-size:1em!important;
}
.tag-count-2{
	font-size:1.2em!important;
}
.tag-count-3{
	font-size:1.4em!important;
}
.tag-count-4{
	font-size:1.6em!important;
}
.tag-count-5{
	font-size:1.8em!important;
}
.tag-count-6{
	font-size:2em!important;
}
.tag-count-7{
	font-size:2em!important;
}
.tag-count-8{
	font-size:2em!important;
}
.tag-count-9{
	font-size:2em!important;
}
.tag-count-10{
	font-size:2em!important;
}

.block-blog .head h4{
padding-left: 20px;
}

.block-blog .block-title strong {
background-image:url(https://www.metaltis.be/skin/frontend/metaltis/default/aw_blog/images/icon_blog.png);
background-repeat:no-repeat;
padding-left:21px;
text-align:left;
}

.postWrapper .poster{
	display:inline;
}
.input-box.aw-blog-comment-area{width:100%;}

.widget-latest li{font-size:12px;padding:5px 10px;}
.block-blog .menu-categories{margin:0;padding:5px 9px;}

A.awblog_current_comment { text-decoration:none!important; font-weight: bold!important; }
/**
 * aheadWorks Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://ecommerce.aheadworks.com/LICENSE-M1.txt
 *
 * @category   AW
 * @package    AW_Rma
 * @copyright  Copyright (c) 2011 aheadWorks Co. (http://www.aheadworks.com)
 * @license    http://ecommerce.aheadworks.com/LICENSE-M1.txt
*/
.awafpgrid { font-family:Verdana; clear:both; overflow:visible; }
.awafpgrid a,.awafpgrid a .label { color:#000; }
.awafpgrid ul { clear:both; list-style: none !important;}
.awafpgrid ul li { float:left; margin:0 1% 10px 0; }
.awafpgrid .awafpprice,.awafpgrid .awafpbutton,.awafpgrid .awafptitle { font-size:12px; color:#000; }
.awafpgrid .awafptitle a { font-weight:700; font-size:12px; color:#000; }
.awafpgrid .price-box .price { font-weight:400; color:#000; font-size:12px; }
.awafpgrid .afp-addtocart button { font-size:12px; border:0; background:none; cursor:pointer; }
.awafpgrid .afp-addtocart button div { width:91px; background-image:url(https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/images/addtocart.png); height:21px; line-height:21px; }
.afp-thumbnail .onsale-category-container-list { float:none!important;margin: 0 auto; }
.awafpgrid .afp-details,.awafpgrid .awafptitle,.awafpgrid .afp-thumbnail,.awafpgrid .price-box,.awafpgrid .afp-addtocart { text-align:center; }


/**
 * aheadWorks Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://ecommerce.aheadworks.com/LICENSE-M1.txt
 *
 * @category   AW
 * @package    AW_Rma
 * @copyright  Copyright (c) 2011 aheadWorks Co. (http://www.aheadworks.com)
 * @license    http://ecommerce.aheadworks.com/LICENSE-M1.txt
 */
.awafpslider { font-family: Verdana; }

/* Switch effect fade/appear */
.afp-effect-fade-appear div.afp-slider-item { position: absolute; }

.awafpslider .afp-slider-controls {
    position: relative;
    z-index: 99; }

.awfpslider-horizontal div.afp-slider-item div.afp-thumbnail {
    float: left;
    height: 200px;
    width: 200px; }

.awfpslider-vertical div.afp-slider-item div.afp-thumbnail {
    height: 190px;
    text-align: center;
    width: 100%; }

.awfpslider-horizontal div.afp-slider-item div.afp-product-info { margin-left: 210px; }

.awfpslider-vertical .afp-thumbnail .onsale-category-container-list { float:none!important;margin: 0 auto; }

.awafpslider div.afp-slider-item div.afp-product-info .awafptitle a {
    color: #000;
    font-size: 20px;
    text-decoration: none; }

    .awafpslider div.afp-slider-item div.afp-product-info .awafptitle a:hover { text-decoration: underline; }

.awafpslider div.afp-slider-item div.afp-product-info .afp-details {
    color: #666;
    font-size: 12px; }

.awfpslider-vertical div.afp-slider-item div.afp-product-info .afp-details { text-align: center; }

.awafpslider .afp-slider-controls .afp-left {
    float: left;
    height: 22px;
    padding-left: 20px;
    text-align: right;
    width: 22px; }

    .awafpslider .afp-slider-controls .afp-left button, .awafpslider .afp-slider-controls .afp-right button { position: relative; }

    .awafpslider .afp-slider-controls .afp-left button.button, .awafpslider .afp-slider-controls .afp-right button.button {
        background-color: transparent;
        border: 0px;
        cursor: pointer; }

    .awafpslider .afp-slider-controls .afp-left button {
        background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/representations/slider/images/arrow_left.png');
        background-repeat: no-repeat;
        height: 22px;
        width: 22px; }

        .awafpslider .afp-slider-controls .afp-left button:hover { background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/representations/slider/images/arrow_left_hover.png'); }

.awafpslider .afp-slider-controls .afp-right {
    float: right;
    height: 22px;
    padding-right: 20px;
    position: relative;
    text-align: right;
    top: -22px;
    width: 22px; }

    .awafpslider .afp-slider-controls .afp-right button {
        background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/representations/slider/images/arrow_right.png');
        background-repeat: no-repeat;
        height: 22px;
        width: 22px; }

        .awafpslider .afp-slider-controls .afp-right button:hover { background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/representations/slider/images/arrow_right_hover.png'); }

.awafpslider .afp-slider-controls .afp-center {
    line-height: 22px;
    margin: 0px 50px;
    text-align: center; }

    .awafpslider .afp-slider-controls .afp-center button.button {
        background-color: transparent;
        background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/representations/slider/images/item.png');
        border: 0px;
        height: 12px;
        width: 12px; }

    .awafpslider .afp-slider-controls .afp-center button.afp-s-current { background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/representations/slider/images/item_current.png'); }

    .awafpslider .afp-slider-controls .afp-center button.button:hover { background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/representations/slider/images/item_hover.png'); }

.awfpslider-horizontal .price-box {
    float: left;
    margin: 7px 0;
    padding: 0px;
    text-align: center;
    width: 150px; }

.awfpslider-vertical .price-box {
    text-align: center;
    width: 100%; }

.awafpslider .price-box .price {
    color: #000;
    font-size: 16px;
    font-weight: normal; }

.awafpslider .price-box span, .awafpslider .price-box a { color: #000; }

.awfpslider-horizontal .afp-addtocart {
    margin: 7px 0px;
    text-align: left; }

.awfpslider-vertical .afp-addtocart {
    margin: 7px 0px;
    text-align: center; }

.awafpslider .afp-addtocart button {
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    font-size: 12px; }

    .awafpslider .afp-addtocart button div {
        background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/aw_featured/images/addtocart.png');
        height: 21px;
        line-height: 21px;
        width: 91px; }

.awfpslider-vertical div.afp-slider-item .awafptitle { text-align: center; }

    .awfpslider-vertical div.afp-slider-item .awafptitle a {
        color: #000;
        font-family: Verdana;
        font-size: 16px;
        margin: 7px 0;
        text-decoration: none; }

        .awfpslider-vertical div.afp-slider-item .awafptitle a:hover { text-decoration: underline; }

.afp-effect-simple-slider {
    overflow: hidden;
    position: relative; }

    .afp-effect-simple-slider div.afp-slider-item { float: left; }

.afp-effect-blind-up-down div.afp-slider-item { position: absolute; }

.afp-effect-blind-up-down .afp-slider-controls {
    position: relative;
    z-index: 99; }

.afp-effect-slide-up-down div.afp-slider-item { position: absolute; }

.afp-effect-slide-up-down .afp-slider-controls {
    position: relative;
    z-index: 99; }

.onsale-product-container {
	cursor: pointer;
	position: relative;
	z-index: 100;
}

.onsale-product-container img {
    width: auto;
}

.onsale-product-container-inside {
	cursor: pointer;
	position: absolute;
	z-index: 100;
}

div.onsale-product-label {
    position: absolute;
    top: 3px;
    left: 4px;
    margin-left: -2px;
    text-align: center;
}

div.onsale-onsale-product-label-text {
	FONT-FAMILY: inherit;
	FONT-SIZE: 16px;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
	COLOR: #FFFFFF;
}

div.new-onsale-product-label-text {
	FONT-FAMILY: inherit;
	FONT-SIZE: 16px;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
	COLOR: #FFFFFF;
}

div.custom-onsale-product-label-text {
	FONT-FAMILY: inherit;
	FONT-SIZE: 16px;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
	COLOR: #FFFFFF;
}
div.onsale-category-container-grid {
	position: relative;
}

div.onsale-category-container-grid img {
    width: auto;
}

div.onsale-category-container-list {
	position: relative;
	float: left;
}

.onsale-category-container {
	cursor: pointer;
	position: absolute;
	z-index: 100;
}

div.onsale-category-label {
    position: absolute;
    top: 3px;
    left: 4px;
    margin-left: -2px;
    text-align: center;
}

div.onsale-onsale-category-label-text {
    color:#FFFFFF;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
}

div.new-onsale-category-label-text {
    color:#FFFFFF;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
}

div.custom-onsale-category-label-text {
    color:#FFFFFF;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
}




@charset "utf-8";
/* CSS Document */

* {
	padding:0px;
	margin:0px;
}
body {
	/*background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/bg.jpg) repeat;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    /*color:#878787; issue #21174 */
}

form { margin:0px; }

a {
	text-decoration:none;
	outline:none;
	color:#878787;
}
a img {
	border:none;
}
.clear {
	clear:both;
}
.colr {
	color:#216472 !important;
}
.bold {
	font-weight:bold;
}

p {
	line-height:18px;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
.heading {
	padding:10px 0px 0px 10px;
	width:100%;
	margin-bottom:10px;
	text-transform:none;
}
input {
	font-size:11px;
}
.itlc {
	font-style:italic;
}

/*
=======================================================================
	Wrapper
=======================================================================
*/


/*Theme1*/

.theme1 { width:685px; margin:0px; padding:0px; *padding-left:5px; }

.theme1 .read_more { font-family:Arial; font-size:12px; font-weight:normal; color:#1E7EC8; text-decoration:underline; margin-left:20px; line-height:30px; }

.theme1 .read_more:hover { color:#1E7EC8; text-decoration:none; }

.theme1 h1 { font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme1 h1 a{ font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme1 ul { list-style:none; padding:0px; margin-left:20px; }

.theme1 ul li { line-height:25px; list-style:decimal; font-family:Arial; font-size:12px; font-weight:bold; color:#000; }

.theme1 ul li .accordion-toggle {z-index: 10; font-family:Arial; font-size:14px; font-weight:normal; color:#343032; text-decoration:none; cursor:pointer; }

.theme1 ul li .accordion-content { overflow:hidden; }

.theme1 ul li p { padding:5px 0 5px 15px; }

.theme1 ul li .answer { background:#f7f7f7; border:#e5e5e5 1px solid; padding:10px; width:620px; margin:8px 0 8px 2px; }

.theme1 ul li .answer p { font-family:Verdana; font-size:12px; color:#343032; line-height:20px; }



/*Theme2*/

.theme2 { width:685px; margin:0px; padding:0px; }

.theme2 .read_more { font-family:Arial; font-size:12px; font-weight:normal; color:#000; text-decoration:underline; margin-left:32px; line-height:35px; }

.theme2 .read_more:hover { color:#1E7EC8; text-decoration:none; }

.theme2 h1 { font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme2 h1 a{ font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme2 ul { list-style:none; padding:0px; margin-left:10px; }

.theme2 ul li { line-height:25px;  }

.theme2 ul li.minus { background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/minus.png) no-repeat left top; vertical-align:top;  }

.theme2 ul li.minus p { font-family:Verdana; font-size:12px; color:#343032; line-height:20px; line-height:20px; margin-left:8px; } 

.theme2 ul li .accordion-toggle { background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/plus.png) no-repeat left top; z-index:10; font-family:Arial; font-size:13px; font-weight:bold; color:#343032; text-decoration:none; padding-left:22px; cursor:pointer; }

.theme2 ul li .accordion-toggle-active { background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/minus.png) no-repeat left top; }

.theme2 ul li .accordion-content { overflow:hidden; }

.theme2 ul li p { padding:5px 0 5px 15px; }

.theme2 ul li .answer { /*background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/minus.png) no-repeat left top; vertical-align:top;*/ }

.theme2 ul li .answer p { font-family:Verdana; font-size:12px; color:#343032; line-height:20px; line-height:20px; margin-left:8px;  }

.theme2 ul li .rating_dv { padding-left: 19px; }



/*Theme3*/

.theme3 { width:685px; margin:0px; padding:0px; }

.theme3 .read_more { font-family:Arial; font-size:12px; font-weight:normal; color:#000; text-decoration:none; margin-left:32px; line-height:35px; }

.theme3 .read_more:hover { color:#1E7EC8; text-decoration:none; }

.theme3 h1 { font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme3 h1 a{ font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme3 ul { list-style:none; padding:0px; margin-left:18px; }

.theme3 ul li { line-height:25px; background:#e3e3e3; margin:0 0 5px 0; }

.theme3 ul li.ans { background:none; list-style:none; }

.theme3 ul li.ans p { font-family:Verdana; font-size:12px; color:#343032; line-height:20px; margin-left:0px; }

.theme3 ul li.ans a { background:none; }

.theme3 ul li .accordion-toggle {  z-index:10; cursor:pointer; font-family:Arial; font-size:13px; font-weight:bold; color:#343032; text-decoration:none; padding-left:15px; margin-left:8px; background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/bullet1.jpg) no-repeat left; }

.theme3 ul li .accordion-content { overflow:hidden; background:#fff; }

.theme3 ul li p { padding:5px 0 5px 15px; }

.theme3 ul li .answer { background:none; list-style:none; }

.theme3 ul li .answer p { font-family:Verdana; font-size:12px; color:#343032; line-height:20px; line-height:20px; }

.theme3 ul li .rating_dv { padding-left: 19px; }




/*Theme4*/

.theme4 { width:685px; margin:0px; padding:0px; }

.theme4 .read_more { font-family:Arial; font-size:12px; font-weight:normal; color:#1E7EC8; text-decoration:none; line-height:35px; }

.theme4 .read_more:hover { color:#1E7EC8; text-decoration:underline; }

.theme4 h1 { font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme4 h1 a { font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:35px; margin-top:20px; }

.theme4 ul { list-style:none; padding:0px; margin-left:0px; }

.theme4 ul li { line-height:25px; margin:0 0 5px 0; }

.theme4 ul li .answer { background:none; list-style:none; }

.theme4 ul li .answer p { font-family:Verdana; font-size:12px; color:#343032; line-height:20px; margin-left:0px; }

.theme4 ul li.ans a { background:none; } 

.theme4 ul li .accordion-toggle {background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/plus1.png) no-repeat left top; z-index:10; cursor:pointer; padding-left: 22px; font-family:Arial; font-size:13px; font-weight:bold; color:#343032; text-decoration:none; margin-left:0px; }

.theme4 ul li .accordion-toggle-active { background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/minus1.png) no-repeat left top; }

.theme4 ul li .accordion-content { overflow:hidden; }

.theme4 ul li p { padding:5px 0 5px 4px; }



/*Theme5*/

.theme5 {  margin:0px; padding:0px; }

.theme5 .read_more { font-family:Arial; font-size:12px; font-weight:normal; color:#1E7EC8; text-decoration:none; line-height:35px; }

.theme5 .read_more:hover { color:#1E7EC8; text-decoration:underline; }

.theme5 h1 { font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:40px; margin-top:20px; text-transform:uppercase; }

.theme5 h1 a { font-family:"Trebuchet MS"; font-size:17px; font-weight:normal; color:#404040; line-height:40px; margin-top:20px; text-transform:uppercase; }

.theme5 ul { list-style:none; padding:0px; margin-left:0px; }

.theme5 ul li { line-height:25px; margin:0 0 5px 0; border-bottom:#ccc 1px solid; padding-bottom:4px; }

.theme5 ul li .answer {  }

.theme5 ul li .answer p { font-family:Verdana; font-size:12px; color:#343032; line-height:20px; margin-left:20px; text-align: left !important; }

.theme5 ul li.ans a { background:none; } 

.theme5 ul li .accordion-toggle { z-index:10; cursor:pointer; line-height: 25px; font-family:Arial; font-size:13px; font-weight:bold; color:#343032; text-decoration:none; padding-left:20px; margin-left:0px; background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/left.png) no-repeat; }

.theme5 ul li .accordion-toggle-active { background:url(https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/down.png) no-repeat left top;  line-height: 25px;}

.theme5 ul li .accordion-content { overflow:hidden; }

.theme5 ul li p { padding:5px 0 5px 0px; }

.theme5 ul li .rating_dv { padding-left: 19px; }

/*
=======================================================================
	Block
=======================================================================
*/


.block-faqs .search-content { padding:3px 3px 3px 9px; }

.block-faqs .menu { padding:3px 3px 3px 9px; }

.block-faqs .menu strong { color: #343032; font-weight:bold; padding-bottom:5px; }

.block-faqs a { color: #343032; }
@charset "utf-8";
/* CSS Document */

.rating_container a {
    background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/faqs/rating.png");
    border: 0 none;
    display: block;
    float: left;
    height: 25px;
    width: 25px;
    background-position: 0 -10px;
}

.rating_container a:hover {
    border: none;
}

.rating_container a.rating_on {
    background-position: 0 -61px;
}


.rating_container a.rating_half {
    background-position: 0 -25px;
}




.rating_dv{ height:35px; }
.cookiealert{background: #333; color: #f3f3f3; padding: 10px; font: 12px/18px Arial, Helvetica, sans-serif;}
.cookiealert .message{max-width: 960px; margin: 0 auto;}
.cookiealert .message span.cookie-title{display: block; color: #fff; font-size: 16px; font-weight: bold; margin: 0.4em 0 0;}
.cookiealert .message a{color: #f90; text-decoration: underline;}
.cookiealert .message a:hover{text-decoration: none;}
.cookiealert .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;}
.cookiealert .message .close a:hover{text-decoration: underline;}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-header:after,
.modal-footer:after {
  clear: both;
}
/******
Studio Emma stylesheet : grid.css;
******/
/*-----------------------------------*\

	Flexible responsive content grid

\*-----------------------------------*/
.grid {
  margin-left: -3%;
  max-width: 105%;
}

.col,
.grid {
  margin-bottom: 1em;
}

.grid50-25 .col,
.grid50-33 .col,
.grid100-50 .col,
.grid50-100 .col,
.col {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-left: 3%;
  margin-right: -.30em;
}

.grid .col:last-child {
  margin-bottom: 0;
}

/* Grid with cols starting at 100% width, ending at 25% of width */
.grid25 .col {
  /*nothing*/
}

/* Grid with cols starting at 100% width, ending at 25% of width */
.grid33 .col {
  /*nothing*/
}

/* Grid with cols starting at 100% width, ending at 50% of width */
.grid100-50 .col {
  width: 100%;
}

/* Grid with cols starting at 50% width, ending at 100% of width */
.grid50-100 .col {
  width: 47%;
}

.grid.no-margins {
  margin-left: 0;
  max-width: none;
}

.grid.no-margins .col,
.grid50-25.no-margins .col,
.grid50-33.no-margins .col,
.grid100-50.no-margins .col {
  margin-bottom: 0;
  margin-left: 0;
}

@media screen and (min-width: 499px) {
  .grid100-50 .col {
    width: 47%;
  }
}
@media screen and (min-width: 768px) {
  .grid .col1-2 {
    width: 47%;
  }

  .grid .col1-3 {
    width: 30.36%;
  }

  .grid .col2-3 {
    width: 63.6666666%;
  }

  .grid .col1-4 {
    width: 22%;
  }

  .grid .col3-4 {
    width: 72%;
  }

  .grid .col1-5 {
    width: 17.07%;
  }

  .grid .col2-5 {
    width: 37%;
  }

  .grid .col3-5 {
    width: 57%;
  }

  .grid .col4-5 {
    width: 77%;
  }

  .grid.no-margins .col1-2 {
    width: 50%;
  }

  .grid.no-margins .col1-3 {
    width: 33.3%;
  }

  .grid.no-margins .col2-3 {
    width: 66.6%;
  }

  .grid.no-margins .col1-4 {
    width: 25%;
  }

  .grid.no-margins .col3-4 {
    width: 75%;
  }

  .grid.no-margins .col1-5 {
    width: 20%;
  }

  .grid.no-margins .col2-5 {
    width: 40%;
  }

  .grid.no-margins .col3-5 {
    width: 60%;
  }

  .grid.no-margins .col4-5 {
    width: 80%;
  }

  /* Fixed flexible */
  .grid50-25 .col {
    width: 30.36%;
  }

  .grid50-33 .col {
    width: 30.36%;
  }

  .grid25 .col {
    width: 47%;
  }

  .grid33 .col {
    width: 47%;
  }

  .grid100-50 .col {
    width: 47%;
  }

  .grid50-100 .col {
    width: 100%;
  }

  .grid50-25.no-margins .col {
    width: 33.3%;
  }

  .grid50-33.no-margins .col {
    width: 33.3%;
  }

  .grid25.no-margins .col {
    width: 50%;
  }

  .grid33.no-margins .col {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  /* Fixed flexible */
  .grid50-25 .col {
    /*width: 22.05%;*/
    /* seems to give problems from time to time */
    width: 22.00%;
  }

  .grid25 .col {
    width: 22.05%;
  }

  .grid33 .col {
    width: 30.36%;
  }

  .grid50-25.no-margins .col {
    width: 25%;
  }

  .grid25.no-margins .col {
    width: 25%;
  }

  .grid33.no-margins .col {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .grid {
    margin-left: 0;
    max-width: none;
  }

  .grid50-25 {
    margin-left: -3%;
    max-width: 105%;
  }

  .grid50-25.no-margins {
    margin-left: 0;
    max-width: none;
  }

  .col {
    width: auto;
    margin-left: 0;
    display: block;
  }

  .grid50-25 .col {
    width: 47%;
  }

  .grid50-33 .col {
    width: 47%;
  }

  .grid50-25.no-margins .col {
    margin-left: 0;
    width: 50%;
  }

  .grid50-33.no-margins .col {
    margin-left: 0;
    width: 50%;
  }
}

/* colm.css */

/* http://projects.studioemma.com/colm/ */

/* clearfix for the container */
.colm-grid {
  *zoom: 1;
  /* IE6-7 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 2em 0;
  padding: 0;
}

.colm-grid:before,
.colm-grid:after {
  content: " ";
  display: table;
}

.colm-grid:after {
  clear: both;
}

/* reset for columns */
.colm-grid > .colm1-2,
.colm-grid > .colm1-2-pim,
.colm-grid > .colm1-3,
.colm-grid > .colm2-3,
.colm-grid > .colm1-4,
.colm-grid > .colm3-4,
.colm-grid > .colm50-25,
.colm-grid > .colm50-20,
.colm-grid > .colm280-fixed,
.colm-grid > .colm280-fixed-right,
.colm-grid > .colm280-flex {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 2em 0;
  padding: 0;
}

/* images */
.colm-grid img {
  /*display: block;*/
  /*max-width: 100%;*/
  height: auto;
}

@media all and (min-width: 479px) {
  .colm-grid > .colm1-2-pim {
    margin: 0;
    float: left;
    width: 50%;
  }
  .colm-grid > .colm1-2-pim:nth-child(odd) {
    padding-left: 0;
    padding-right: 1em;
  }
  .colm-grid > .colm1-2-pim:nth-child(even) {
    padding-left: 1em;
    padding-right: 0;
  }
}
@media all and (min-width: 769px) {
  .colm-grid > .colm1-2,
  .colm-grid > .colm1-2-pim,
  .colm-grid > .colm1-3,
  .colm-grid > .colm2-3,
  .colm-grid > .colm1-4,
  .colm-grid > .colm3-4,
  .colm-grid > .colm50-25,
  .colm-grid > .colm50-20,
  .colm-grid > .colm280-fixed,
  .colm-grid > .colm280-fixed-right,
  .colm-grid > .colm280-flex {
    margin: 0;
  }
  .colm-grid > .colm1-2,
  .colm-grid > .colm1-2-pim {
    float: left;
    width: 50%;
  }
  .colm-grid > .colm1-2:nth-child(odd),
  .colm-grid > .colm1-2-pim:nth-child(odd) {
    padding-left: 0;
    padding-right: 1em;
  }
  .colm-grid > .colm1-2:nth-child(even),
  .colm-grid > .colm1-2-pim:nth-child(even) {
    padding-right: 0;
  }
  .colm-grid > .colm1-3 {
    float: left;
    width: 33.33%;
  }
  .colm-grid > .colm1-3:nth-child(3n+1) {
    padding-left: 0;
    padding-right: 1.33333em;
  }
  .colm-grid > .colm1-3:nth-child(3n+2) {
    padding-left: 0.66667em;
    padding-right: 0.66667em;
  }
  .colm-grid > .colm1-3:nth-child(3n+3) {
    padding-left: 1.33333em;
    padding-right: 0;
  }
  .colm-grid > .colm2-3 {
    float: left;
    width: 66.66%;
  }
  .colm-grid > .colm2-3:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 0.66667em;
  }
  .colm-grid > .colm2-3:nth-child(2n+2) {
    padding-left: 0.66667em;
    padding-right: 0;
  }
  .colm-grid > .colm2-3 + .colm1-3:nth-child(3n+2) {
    padding-left: 1.33333em;
    padding-right: 0;
  }
  .colm-grid > .colm1-4 {
    float: left;
    width: 25%;
  }
  .colm-grid > .colm1-4:nth-child(4n+1) {
    padding-left: 0;
    padding-right: 1.5em;
  }
  .colm-grid > .colm1-4:nth-child(4n+2) {
    padding-left: 0.5em;
    padding-right: 1em;
  }
  .colm-grid > .colm1-4:nth-child(4n+3) {
    padding-left: 1em;
    padding-right: 0.5em;
  }
  .colm-grid > .colm1-4:nth-child(4n+4) {
    padding-left: 1.5em;
    padding-right: 0;
  }
  .colm-grid > .colm1-2 + .colm1-4:nth-child(4n+2) {
    padding-left: 1em;
    padding-right: 0.5em;
  }
  .colm-grid > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
    padding-left: 1.5em;
    padding-right: 0;
  }
  .colm-grid > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
    padding-left: 1em;
    padding-right: 0;
  }
  .colm-grid > .colm1-4 + .colm1-2:nth-child(3n+2) {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .colm-grid > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
    padding-left: 1.5em;
    padding-right: 0;
  }
  .colm-grid > .colm3-4 {
    float: left;
    width: 75%;
    padding-left: 0;
    padding-right: 0.5em;
  }
  .colm-grid > .colm1-4 + .colm3-4:nth-child(2n+2) {
    padding-left: 0.5em;
    padding-right: 0;
  }
  .colm-grid > .colm3-4 + .colm1-4:nth-child(2n+2) {
    padding-left: 1.5em;
    padding-right: 0;
  }
  .colm-grid > .colm280-fixed {
    float: left;
    width: 250px;
  }
  .colm-grid > .colm280-fixed + .colm280-flex {
    padding-left: 30px;
    padding-right: 0;
    overflow: hidden;
  }
  .colm-grid > .colm280-fixed-right {
    float: right;
    width: 250px;
  }
  .colm-grid > .colm280-fixed-right + .colm280-flex {
    padding-left: 0;
    padding-right: 282px;
  }
  .colm-grid > .colm50-25 {
    display: inline-block;
    width: 50%;
    margin-right: -.30em;
    vertical-align: top;
  }
  .colm-grid > .colm50-20 {
    display: inline-block;
    width: 33.33%;
    margin-right: -.172em;
    vertical-align: top;
  }
  .colm-grid > .colm50-25:nth-child(odd),
  .colm-grid > .colm50-20:nth-child(odd) {
    padding-left: 0;
    padding-right: 1em;
  }
  .colm-grid > .colm50-25:nth-child(even),
  .colm-grid > .colm50-20:nth-child(even) {
    padding-left: 1em;
    padding-right: 0;
  }
}
@media all and (min-width: 1200px) {
  .colm-grid {
    /* colm50-25 */
  }
  .colm-grid > .colm50-25 {
    display: block;
    float: left;
    width: 25%;
    margin-right: 0;
  }
  .colm-grid > .colm50-25:nth-child(4n+1) {
    padding-left: 0;
    padding-right: 1.5em;
  }
  .colm-grid > .colm50-25:nth-child(4n+2) {
    padding-left: 0.5em;
    padding-right: 1em;
  }
  .colm-grid > .colm50-25:nth-child(4n+3) {
    padding-left: 1em;
    padding-right: 0.5em;
  }
  .colm-grid > .colm50-25:nth-child(4n+4) {
    padding-left: 1.5em;
    padding-right: 0;
  }

  .colm-grid > .colm50-20 {
    display: block;
    float: left;
    width: 20%;
    margin-right: 0;
  }
  .colm-grid > .colm50-20:nth-child(5n+1) {
    padding-left: 0;
    padding-right: 1.5em;
  }
  .colm-grid > .colm50-20:nth-child(5n+2) {
    padding-left: 0.5em;
    padding-right: 1em;
  }
  .colm-grid > .colm50-20:nth-child(5n+3) {
    padding-left: 1em;
    padding-right: 0.5em;
  }
  .colm-grid > .colm50-20:nth-child(5n+4) {
    padding-left: 1.5em;
    padding-right: 0.5em;
  }
  .colm-grid > .colm50-20:nth-child(5n+5) {
    padding-left: 1.5em;
    padding-right: 0;
  }
}
/* non-responsive */
.colm-grid.non-responsive {
  /* 1-2 */
  /* 1-3 */
  /* 1-4 */
  /* fixed */
  /* colm50-25 */
}
.colm-grid.non-responsive .colm1-2 {
  float: left;
  width: 50%;
}
.colm-grid.non-responsive .colm1-2:nth-child(odd) {
  padding-left: 0;
  padding-right: 1em;
}
.colm-grid.non-responsive .colm1-2:nth-child(even) {
  padding-left: 1em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm1-3 {
  float: left;
  width: 33.33%;
}
.colm-grid.non-responsive .colm1-3:nth-child(3n+1) {
  padding-left: 0;
  padding-right: 1.33333em;
}
.colm-grid.non-responsive .colm1-3:nth-child(3n+2) {
  padding-left: 0.66667em;
  padding-right: 0.66667em;
}
.colm-grid.non-responsive .colm1-3:nth-child(3n+3) {
  padding-left: 1.33333em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm2-3 {
  float: left;
  width: 66.66%;
}
.colm-grid.non-responsive .colm2-3:nth-child(2n+1) {
  padding-left: 0;
  padding-right: 0.66667em;
}
.colm-grid.non-responsive .colm2-3:nth-child(2n+2) {
  padding-left: 0.66667em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm2-3 + .colm1-3:nth-child(3n+2) {
  padding-left: 1.33333em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm1-4 {
  float: left;
  width: 25%;
}
.colm-grid.non-responsive .colm1-4:nth-child(4n+1) {
  padding-left: 0;
  padding-right: 1.5em;
}
.colm-grid.non-responsive .colm1-4:nth-child(4n+2) {
  padding-left: 0.5em;
  padding-right: 1em;
}
.colm-grid.non-responsive .colm1-4:nth-child(4n+3) {
  padding-left: 1em;
  padding-right: 0.5em;
}
.colm-grid.non-responsive .colm1-4:nth-child(4n+4) {
  padding-left: 1.5em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm1-2 + .colm1-4:nth-child(4n+2) {
  padding-left: 1em;
  padding-right: 0.5em;
}
.colm-grid.non-responsive .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
  padding-left: 1.5em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
  padding-left: 1em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm1-4 + .colm1-2:nth-child(3n+2) {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.colm-grid.non-responsive .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
  padding-left: 1.5em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm3-4 {
  float: left;
  width: 75%;
  padding-left: 0;
  padding-right: 0.5em;
}
.colm-grid.non-responsive .colm1-4 + .colm3-4:nth-child(2n+2) {
  padding-left: 0.5em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm3-4 + .colm1-4:nth-child(2n+2) {
  padding-left: 1.5em;
  padding-right: 0;
}
.colm-grid.non-responsive .colm280-fixed {
  float: left;
  width: 250px;
}
.colm-grid.non-responsive .colm280-fixed + .colm280-flex {
  padding-left: 282px;
  padding-right: 0;
}
.colm-grid.non-responsive .colm280-fixed-right {
  float: right;
  width: 250px;
}
.colm-grid.non-responsive .colm280-fixed-right + .colm280-flex {
  padding-left: 0;
  padding-right: 282px;
}
.colm-grid.non-responsive .colm50-25 {
  display: block;
  float: left;
  width: 25%;
  margin-right: 0;
}
.colm-grid.non-responsive .colm50-25:nth-child(4n+1) {
  padding-left: 0;
  padding-right: 1.5em;
}
.colm-grid.non-responsive .colm50-25:nth-child(4n+2) {
  padding-left: 0.5em;
  padding-right: 1em;
}
.colm-grid.non-responsive .colm50-25:nth-child(4n+3) {
  padding-left: 1em;
  padding-right: 0.5em;
}
.colm-grid.non-responsive .colm50-25:nth-child(4n+4) {
  padding-left: 1.5em;
  padding-right: 0;
}

.colm-grid.non-responsive .colm50-20 {
  display: block;
  float: left;
  width: 20%;
  margin-right: 0;
}
.colm-grid > .colm50-20:nth-child(5n+1) {
  padding-left: 0;
  padding-right: 1.5em;
}
.colm-grid > .colm50-20:nth-child(5n+2) {
  padding-left: 0.5em;
  padding-right: 1em;
}
.colm-grid > .colm50-20:nth-child(5n+3) {
  padding-left: 1em;
  padding-right: 0.5em;
}
.colm-grid > .colm50-20:nth-child(5n+4) {
  padding-left: 1.5em;
  padding-right: 0.5em;
}
.colm-grid > .colm50-20:nth-child(5n+5) {
  padding-left: 1.5em;
  padding-right: 0;
}

/* reverse */
@media all and (min-width: 769px) {
  .colm-grid.reverse {
    /* 1-2 */
    /* 1-3 */
    /* 1-4 */
    /* fixed */
  }
  .colm-grid.reverse > .colm1-2 {
    float: right;
    width: 50%;
  }
  .colm-grid.reverse > .colm1-2:nth-child(odd) {
    padding-left: 1em;
    padding-right: 0;
  }
  .colm-grid.reverse > .colm1-2:nth-child(even) {
    padding-left: 0;
    padding-right: 1em;
  }
  .colm-grid.reverse > .colm1-3 {
    float: right;
    width: 33.33%;
  }
  .colm-grid.reverse > .colm1-3:nth-child(3n+1) {
    padding-left: 1.33333em;
    padding-right: 0;
  }
  .colm-grid.reverse > .colm1-3:nth-child(3n+2) {
    padding-left: 0.66667em;
    padding-right: 0.66667em;
  }
  .colm-grid.reverse > .colm1-3:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 1.33333em;
  }
  .colm-grid.reverse > .colm2-3 {
    float: right;
    width: 66.66%;
  }
  .colm-grid.reverse > .colm2-3:nth-child(2n+1) {
    padding-left: 0.66667em;
    padding-right: 0;
  }
  .colm-grid.reverse > .colm2-3:nth-child(2n+2) {
    padding-left: 0;
    padding-right: 0.66667em;
  }
  .colm-grid.reverse > .colm2-3 + .colm1-3:nth-child(3n+2) {
    padding-left: 0;
    padding-right: 1.33333em;
  }
  .colm-grid.reverse > .colm1-4 {
    float: right;
    width: 25%;
  }
  .colm-grid.reverse > .colm1-4:nth-child(4n+1) {
    padding-left: 1.5em;
    padding-right: 0;
  }
  .colm-grid.reverse > .colm1-4:nth-child(4n+2) {
    padding-left: 1em;
    padding-right: 0.5em;
  }
  .colm-grid.reverse > .colm1-4:nth-child(4n+3) {
    padding-left: 0.5em;
    padding-right: 1em;
  }
  .colm-grid.reverse > .colm1-4:nth-child(4n+4) {
    padding-left: 0;
    padding-right: 1.5em;
  }
  .colm-grid.reverse > .colm1-2 + .colm1-4:nth-child(4n+2) {
    padding-left: 0.5em;
    padding-right: 1em;
  }
  .colm-grid.reverse > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 1.5em;
  }
  .colm-grid.reverse > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 1em;
  }
  .colm-grid.reverse > .colm1-4 + .colm1-2:nth-child(3n+2) {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .colm-grid.reverse > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 1.5em;
  }
  .colm-grid.reverse > .colm3-4 {
    float: right;
    width: 75%;
    padding-left: 0.5em;
    padding-right: 0;
  }
  .colm-grid.reverse > .colm1-4 + .colm3-4:nth-child(2n+2) {
    padding-left: 0;
    padding-right: 0.5em;
  }
  .colm-grid.reverse > .colm3-4 + .colm1-4:nth-child(2n+2) {
    padding-left: 0;
    padding-right: 1.5em;
  }
  .colm-grid.reverse > .colm280-fixed {
    float: right;
    width: 250px;
  }
  .colm-grid.reverse > .colm280-fixed + .colm280-flex {
    padding-left: 0;
    padding-right: 282px;
  }
  .colm-grid.reverse > .colm280-fixed-right {
    float: left;
    width: 250px;
  }
  .colm-grid.reverse > .colm280-fixed-right + .colm280-flex {
    padding-left: 282px;
    padding-right: 0;
  }
}
/* non-responsive reverse */
.colm-grid.reverse.non-responsive {
  /* 1-2 */
  /* 1-3 */
  /* 1-4 */
  /* fixed */
}
.colm-grid.reverse.non-responsive > .colm1-2 {
  float: right;
  width: 50%;
}
.colm-grid.reverse.non-responsive > .colm1-2:nth-child(odd) {
  padding-left: 1em;
  padding-right: 0;
}
.colm-grid.reverse.non-responsive > .colm1-2:nth-child(even) {
  padding-left: 0;
  padding-right: 1em;
}
.colm-grid.reverse.non-responsive > .colm1-3 {
  float: right;
  width: 33.33%;
}
.colm-grid.reverse.non-responsive > .colm1-3:nth-child(3n+1) {
  padding-left: 1.33333em;
  padding-right: 0;
}
.colm-grid.reverse.non-responsive > .colm1-3:nth-child(3n+2) {
  padding-left: 0.66667em;
  padding-right: 0.66667em;
}
.colm-grid.reverse.non-responsive > .colm1-3:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 1.33333em;
}
.colm-grid.reverse.non-responsive > .colm2-3 {
  float: right;
  width: 66.66%;
}
.colm-grid.reverse.non-responsive > .colm2-3:nth-child(2n+1) {
  padding-left: 0.66667em;
  padding-right: 0;
}
.colm-grid.reverse.non-responsive > .colm2-3:nth-child(2n+2) {
  padding-left: 0;
  padding-right: 0.66667em;
}
.colm-grid.reverse.non-responsive > .colm2-3 + .colm1-3:nth-child(3n+2) {
  padding-left: 0;
  padding-right: 1.33333em;
}
.colm-grid.reverse.non-responsive > .colm1-4 {
  float: right;
  width: 25%;
}
.colm-grid.reverse.non-responsive > .colm1-4:nth-child(4n+1) {
  padding-left: 1.5em;
  padding-right: 0;
}
.colm-grid.reverse.non-responsive > .colm1-4:nth-child(4n+2) {
  padding-left: 1em;
  padding-right: 0.5em;
}
.colm-grid.reverse.non-responsive > .colm1-4:nth-child(4n+3) {
  padding-left: 0.5em;
  padding-right: 1em;
}
.colm-grid.reverse.non-responsive > .colm1-4:nth-child(4n+4) {
  padding-left: 0;
  padding-right: 1.5em;
}
.colm-grid.reverse.non-responsive > .colm1-2 + .colm1-4:nth-child(4n+2) {
  padding-left: 0.5em;
  padding-right: 1em;
}
.colm-grid.reverse.non-responsive > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 1.5em;
}
.colm-grid.reverse.non-responsive > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 1em;
}
.colm-grid.reverse.non-responsive > .colm1-4 + .colm1-2:nth-child(3n+2) {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.colm-grid.reverse.non-responsive > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 1.5em;
}
.colm-grid.reverse.non-responsive > .colm3-4 {
  float: right;
  width: 75%;
  padding-left: 0.5em;
  padding-right: 0;
}
.colm-grid.reverse.non-responsive > .colm1-4 + .colm3-4:nth-child(2n+2) {
  padding-left: 0;
  padding-right: 0.5em;
}
.colm-grid.reverse.non-responsive > .colm3-4 + .colm1-4:nth-child(2n+2) {
  padding-left: 0;
  padding-right: 1.5em;
}
.colm-grid.reverse.non-responsive > .colm280-fixed {
  float: right;
  width: 250px;
}
.colm-grid.reverse.non-responsive > .colm280-fixed + .colm280-flex {
  padding-left: 0;
  padding-right: 282px;
}
.colm-grid.reverse.non-responsive > .colm280-fixed-right {
  float: left;
  width: 250px;
}
.colm-grid.reverse.non-responsive > .colm280-fixed-right + .colm280-flex {
  padding-left: 282px;
  padding-right: 0;
}

/* no-padding */
.colm-grid.no-padding > .colm1-2,
.colm-grid.no-padding > .colm1-3,
.colm-grid.no-padding > .colm2-3,
.colm-grid.no-padding > .colm1-4,
.colm-grid.no-padding > .colm3-4,
.colm-grid.no-padding > .colm50-25,
.colm-grid.no-padding > .colm1-2:nth-child(odd),
.colm-grid.no-padding > .colm1-2:nth-child(even),
.colm-grid.no-padding > .colm1-3:nth-child(3n+1),
.colm-grid.no-padding > .colm1-3:nth-child(3n+2),
.colm-grid.no-padding > .colm1-3:nth-child(3n+3),
.colm-grid.no-padding > .colm2-3:nth-child(2n+1),
.colm-grid.no-padding > .colm2-3:nth-child(2n+2),
.colm-grid.no-padding > .colm2-3 + .colm1-3:nth-child(3n+2),
.colm-grid.no-padding > .colm1-4:nth-child(4n+1),
.colm-grid.no-padding > .colm1-4:nth-child(4n+2),
.colm-grid.no-padding > .colm1-4:nth-child(4n+3),
.colm-grid.no-padding > .colm1-4:nth-child(4n+4),
.colm-grid.no-padding > .colm1-2 + .colm1-4:nth-child(4n+2),
.colm-grid.no-padding > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3),
.colm-grid.no-padding > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3),
.colm-grid.no-padding > .colm1-4 + .colm1-2:nth-child(3n+2),
.colm-grid.no-padding > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3),
.colm-grid.no-padding > .colm1-4 + .colm3-4:nth-child(2n+2),
.colm-grid.no-padding > .colm3-4 + .colm1-4:nth-child(2n+2),
.colm-grid.reverse.no-padding > .colm1-2,
.colm-grid.reverse.no-padding > .colm1-3,
.colm-grid.reverse.no-padding > .colm2-3,
.colm-grid.reverse.no-padding > .colm1-4,
.colm-grid.reverse.no-padding > .colm3-4,
.colm-grid.reverse.no-padding > .colm50-25,
.colm-grid.reverse.no-padding > .colm1-2:nth-child(odd),
.colm-grid.reverse.no-padding > .colm1-2:nth-child(even),
.colm-grid.reverse.no-padding > .colm1-3:nth-child(3n+1),
.colm-grid.reverse.no-padding > .colm1-3:nth-child(3n+2),
.colm-grid.reverse.no-padding > .colm1-3:nth-child(3n+3),
.colm-grid.reverse.no-padding > .colm2-3:nth-child(2n+1),
.colm-grid.reverse.no-padding > .colm2-3:nth-child(2n+2),
.colm-grid.reverse.no-padding > .colm2-3 + .colm1-3:nth-child(3n+2),
.colm-grid.reverse.no-padding > .colm1-4:nth-child(4n+1),
.colm-grid.reverse.no-padding > .colm1-4:nth-child(4n+2),
.colm-grid.reverse.no-padding > .colm1-4:nth-child(4n+3),
.colm-grid.reverse.no-padding > .colm1-4:nth-child(4n+4),
.colm-grid.reverse.no-padding > .colm1-2 + .colm1-4:nth-child(4n+2),
.colm-grid.reverse.no-padding > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3),
.colm-grid.reverse.no-padding > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3),
.colm-grid.reverse.no-padding > .colm1-4 + .colm1-2:nth-child(3n+2),
.colm-grid.reverse.no-padding > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3),
.colm-grid.reverse.no-padding > .colm1-4 + .colm3-4:nth-child(2n+2),
.colm-grid.reverse.no-padding > .colm3-4 + .colm1-4:nth-child(2n+2),
.colm-grid.non-responsive.no-padding > .colm1-2,
.colm-grid.non-responsive.no-padding > .colm1-3,
.colm-grid.non-responsive.no-padding > .colm2-3,
.colm-grid.non-responsive.no-padding > .colm1-4,
.colm-grid.non-responsive.no-padding > .colm3-4,
.colm-grid.non-responsive.no-padding > .colm50-25,
.colm-grid.non-responsive.no-padding > .colm1-2:nth-child(odd),
.colm-grid.non-responsive.no-padding > .colm1-2:nth-child(even),
.colm-grid.non-responsive.no-padding > .colm1-3:nth-child(3n+1),
.colm-grid.non-responsive.no-padding > .colm1-3:nth-child(3n+2),
.colm-grid.non-responsive.no-padding > .colm1-3:nth-child(3n+3),
.colm-grid.non-responsive.no-padding > .colm2-3:nth-child(2n+1),
.colm-grid.non-responsive.no-padding > .colm2-3:nth-child(2n+2),
.colm-grid.non-responsive.no-padding > .colm2-3 + .colm1-3:nth-child(3n+2),
.colm-grid.non-responsive.no-padding > .colm1-4:nth-child(4n+1),
.colm-grid.non-responsive.no-padding > .colm1-4:nth-child(4n+2),
.colm-grid.non-responsive.no-padding > .colm1-4:nth-child(4n+3),
.colm-grid.non-responsive.no-padding > .colm1-4:nth-child(4n+4),
.colm-grid.non-responsive.no-padding > .colm1-2 + .colm1-4:nth-child(4n+2),
.colm-grid.non-responsive.no-padding > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3),
.colm-grid.non-responsive.no-padding > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3),
.colm-grid.non-responsive.no-padding > .colm1-4 + .colm1-2:nth-child(3n+2),
.colm-grid.non-responsive.no-padding > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3),
.colm-grid.non-responsive.no-padding > .colm1-4 + .colm3-4:nth-child(2n+2),
.colm-grid.non-responsive.no-padding > .colm3-4 + .colm1-4:nth-child(2n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm1-2,
.colm-grid.reverse.non-responsive.no-padding > .colm1-3,
.colm-grid.reverse.non-responsive.no-padding > .colm2-3,
.colm-grid.reverse.non-responsive.no-padding > .colm1-4,
.colm-grid.reverse.non-responsive.no-padding > .colm3-4,
.colm-grid.reverse.non-responsive.no-padding > .colm50-25,
.colm-grid.reverse.non-responsive.no-padding > .colm1-2:nth-child(odd),
.colm-grid.reverse.non-responsive.no-padding > .colm1-2:nth-child(even),
.colm-grid.reverse.non-responsive.no-padding > .colm1-3:nth-child(3n+1),
.colm-grid.reverse.non-responsive.no-padding > .colm1-3:nth-child(3n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm1-3:nth-child(3n+3),
.colm-grid.reverse.non-responsive.no-padding > .colm2-3:nth-child(2n+1),
.colm-grid.reverse.non-responsive.no-padding > .colm2-3:nth-child(2n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm2-3 + .colm1-3:nth-child(3n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4:nth-child(4n+1),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4:nth-child(4n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4:nth-child(4n+3),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4:nth-child(4n+4),
.colm-grid.reverse.non-responsive.no-padding > .colm1-2 + .colm1-4:nth-child(4n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4 + .colm1-2:nth-child(3n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3),
.colm-grid.reverse.non-responsive.no-padding > .colm1-4 + .colm3-4:nth-child(2n+2),
.colm-grid.reverse.non-responsive.no-padding > .colm3-4 + .colm1-4:nth-child(2n+2) {
  padding: 0;
}

.colm-grid.reverse.no-padding > .colm280-fixed-right + .colm280-flex,
.colm-grid.no-padding > .colm280-fixed + .colm280-flex,
.colm-grid.reverse.non-responsive.no-padding > .colm280-fixed-right + .colm280-flex,
.colm-grid.non-responsive.no-padding > .colm280-fixed + .colm280-flex {
  padding-right: 0;
  padding-left: 250px;
}

.colm-grid.reverse.no-padding > .colm280-fixed + .colm280-flex,
.colm-grid.no-padding > .colm280-fixed-right + .colm280-flex,
.colm-grid.reverse.non-responsive.no-padding > .colm280-fixed + .colm280-flex,
.colm-grid.non-responsive.no-padding > .colm280-fixed-right + .colm280-flex {
  padding-right: 250px;
  padding-left: 0;
}

/* no-margin */
.colm-grid.no-margin,
.colm-grid.no-margin img {
  margin-bottom: 0;
}

.colm-grid.no-margin > .colm1-2,
.colm-grid.no-margin > .colm1-3,
.colm-grid.no-margin > .colm2-3,
.colm-grid.no-margin > .colm1-4,
.colm-grid.no-margin > .colm3-4,
.colm-grid.no-margin > .colm50-25,
.colm-grid.no-margin > .colm280-fixed,
.colm-grid.no-margin > .colm280-fixed-right,
.colm-grid.no-margin > .colm280-flex {
  margin: 0;
}

/* lines */
.colm-grid.lines > .colm1-2,
.colm-grid.lines > .colm1-3,
.colm-grid.lines > .colm2-3,
.colm-grid.lines > .colm1-4,
.colm-grid.lines > .colm3-4,
.colm-grid.lines > .colm50-25,
.colm-grid.lines > .colm280-fixed,
.colm-grid.lines > .colm280-fixed-right,
.colm-grid.lines > .colm280-flex {
  border-top: 1px #e3e3e3 solid;
  padding-top: 2em;
  margin-top: 2em;
}
.colm-grid.lines > .colm1-2:first-child,
.colm-grid.lines > .colm1-3:first-child,
.colm-grid.lines > .colm2-3:first-child,
.colm-grid.lines > .colm1-4:first-child,
.colm-grid.lines > .colm3-4:first-child,
.colm-grid.lines > .colm50-25:first-child,
.colm-grid.lines > .colm280-fixed:first-child,
.colm-grid.lines > .colm280-fixed-right:first-child,
.colm-grid.lines > .colm280-flex:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

@media all and (min-width: 769px) {
  .pseudo-line, .colm-grid.lines > .colm1-2:nth-child(even):after, .colm-grid.lines > .colm1-3:nth-child(3n+2):after, .colm-grid.lines > .colm1-3:nth-child(3n+3):after, .colm-grid.lines > .colm2-3:nth-child(2n+2):after, .colm-grid.lines > .colm2-3 + .colm1-3:nth-child(3n+2):after, .colm-grid.lines > .colm1-4:nth-child(4n+2):after, .colm-grid.lines > .colm1-4:nth-child(4n+3):after, .colm-grid.lines > .colm1-4:nth-child(4n+4):after, .colm-grid.lines > .colm1-2 + .colm1-4:nth-child(4n+2):after, .colm-grid.lines > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3):after, .colm-grid.lines > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3):after, .colm-grid.lines > .colm1-4 + .colm1-2:nth-child(3n+2):after, .colm-grid.lines > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3):after, .colm-grid.lines > .colm1-4 + .colm3-4:nth-child(2n+2):after, .colm-grid.lines > .colm3-4 + .colm1-4:nth-child(2n+2):after, .colm-grid.lines > .colm280-fixed + .colm280-flex:after, .colm-grid.lines > .colm280-fixed-right + .colm280-flex:after, .colm-grid.lines > .colm50-25:last-child:after, .colm-grid.lines.reverse > .colm1-2 + .colm1-4:nth-child(4n+2):after {
    content: " ";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e3e3e3;
    top: 0;
  }

  .colm-grid.lines {
    position: relative;
    margin: 0 0 4em 0;
  }
  .colm-grid.lines > .colm1-2,
  .colm-grid.lines > .colm1-3,
  .colm-grid.lines > .colm2-3,
  .colm-grid.lines > .colm1-4,
  .colm-grid.lines > .colm3-4,
  .colm-grid.lines > .colm50-25,
  .colm-grid.lines > .colm280-fixed,
  .colm-grid.lines > .colm280-fixed-right,
  .colm-grid.lines > .colm280-flex {
    position: static;
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
  }
  .colm-grid.lines > .colm1-2 *:last-child,
  .colm-grid.lines > .colm1-3 *:last-child,
  .colm-grid.lines > .colm2-3 *:last-child,
  .colm-grid.lines > .colm1-4 *:last-child,
  .colm-grid.lines > .colm3-4 *:last-child,
  .colm-grid.lines > .colm50-25:nth-child(4n+3) *:last-child,
  .colm-grid.lines > .colm50-25:nth-child(4n+4) *:last-child,
  .colm-grid.lines > .colm280-fixed *:last-child,
  .colm-grid.lines > .colm280-fixed-right *:last-child,
  .colm-grid.lines > .colm280-flex *:last-child {
    margin-bottom: 0;
  }
  .colm-grid.lines > .colm1-2:nth-child(odd) {
    padding-left: 0;
    padding-right: 1.6em;
  }
  .colm-grid.lines > .colm1-2:nth-child(even) {
    padding-left: 1.6em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm1-2:nth-child(even):after {
    left: 50%;
  }
  .colm-grid.lines > .colm1-3:nth-child(3n+1) {
    padding-left: 0;
    padding-right: 2.13333em;
  }
  .colm-grid.lines > .colm1-3:nth-child(3n+2) {
    padding-left: 1.06667em;
    padding-right: 1.06667em;
  }
  .colm-grid.lines > .colm1-3:nth-child(3n+2):after {
    left: 33.33%;
    margin-left: -0.53333em;
  }
  .colm-grid.lines > .colm1-3:nth-child(3n+3) {
    padding-left: 2.13333em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm1-3:nth-child(3n+3):after {
    left: 66.66%;
    margin-left: 0.53333em;
  }
  .colm-grid.lines > .colm2-3:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 1.06667em;
  }
  .colm-grid.lines > .colm2-3:nth-child(2n+2) {
    padding-left: 1.06667em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm2-3:nth-child(2n+2):after {
    left: 33.33%;
    margin-left: -0.53333em;
  }
  .colm-grid.lines > .colm2-3 + .colm1-3:nth-child(3n+2) {
    padding-left: 2.13333em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm2-3 + .colm1-3:nth-child(3n+2):after {
    left: 66.66%;
    margin-left: 0.53333em;
  }
  .colm-grid.lines > .colm1-4:nth-child(4n+1) {
    padding-left: 0;
    padding-right: 2.4em;
  }
  .colm-grid.lines > .colm1-4:nth-child(4n+2) {
    padding-left: 0.8em;
    padding-right: 1.6em;
  }
  .colm-grid.lines > .colm1-4:nth-child(4n+2):after {
    left: 25%;
    margin-left: -0.8em;
  }
  .colm-grid.lines > .colm1-4:nth-child(4n+3) {
    padding-left: 1.6em;
    padding-right: 0.8em;
  }
  .colm-grid.lines > .colm1-4:nth-child(4n+3):after {
    left: 50%;
    margin-left: 0;
  }
  .colm-grid.lines > .colm1-4:nth-child(4n+4) {
    padding-left: 2.4em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm1-4:nth-child(4n+4):after {
    left: 75%;
    margin-left: 0.8em;
  }
  .colm-grid.lines > .colm1-2 + .colm1-4:nth-child(4n+2) {
    padding-left: 1.6em;
    padding-right: 0.8em;
  }
  .colm-grid.lines > .colm1-2 + .colm1-4:nth-child(4n+2):after {
    left: 50%;
    margin-left: 0;
  }
  .colm-grid.lines > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
    padding-left: 2.4em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3):after {
    left: 75%;
    margin-left: 0.8em;
  }
  .colm-grid.lines > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
    padding-left: 1.6em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3):after {
    left: 50%;
    margin-left: 0;
  }
  .colm-grid.lines > .colm1-4 + .colm1-2:nth-child(3n+2) {
    padding-right: 0.8em;
    padding-left: 0.8em;
  }
  .colm-grid.lines > .colm1-4 + .colm1-2:nth-child(3n+2):after {
    left: 25%;
    margin-left: -0.8em;
  }
  .colm-grid.lines > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
    padding-left: 2.4em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3):after {
    left: 75%;
    margin-left: 0.8em;
  }
  .colm-grid.lines > .colm1-4 + .colm3-4:nth-child(2n+2) {
    padding-left: 0.8em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm1-4 + .colm3-4:nth-child(2n+2):after {
    left: 25%;
    margin-left: -0.8em;
  }
  .colm-grid.lines > .colm3-4:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 0.8em;
  }
  .colm-grid.lines > .colm3-4 + .colm1-4:nth-child(2n+2) {
    padding-left: 2.4em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm3-4 + .colm1-4:nth-child(2n+2):after {
    left: 75%;
    margin-left: 0.8em;
  }
  .colm-grid.lines > .colm280-fixed + .colm280-flex {
    padding-left: 332px;
    padding-right: 0;
  }
  .colm-grid.lines > .colm280-fixed + .colm280-flex:after {
    left: 306px;
  }
  .colm-grid.lines > .colm280-fixed-right + .colm280-flex {
    padding-left: 0;
    padding-right: 332px;
  }
  .colm-grid.lines > .colm280-fixed-right + .colm280-flex:after {
    right: 306px;
  }
  .colm-grid.lines > .colm50-25:nth-child(odd) {
    padding-left: 0;
    padding-right: 1.6em;
  }
  .colm-grid.lines > .colm50-25:nth-child(even) {
    padding-left: 1.6em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm50-25:last-child:after {
    left: 50%;
    margin-left: 0;
  }

  .colm-grid.lines.reverse > .colm1-2:nth-child(odd) {
    padding-left: 1.6em;
    padding-right: 0;
  }
  .colm-grid.lines.reverse > .colm1-2:nth-child(even) {
    padding-left: 0;
    padding-right: 1.6em;
  }
  .colm-grid.lines.reverse > .colm1-3:nth-child(3n+1) {
    padding-left: 2.13333em;
    padding-right: 0;
  }
  .colm-grid.lines.reverse > .colm1-3:nth-child(3n+2) {
    padding-left: 1.06667em;
    padding-right: 1.06667em;
  }
  .colm-grid.lines.reverse > .colm1-3:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 2.13333em;
  }
  .colm-grid.lines.reverse > .colm2-3:nth-child(2n+1) {
    padding-left: 1.06667em;
    padding-right: 0;
  }
  .colm-grid.lines.reverse > .colm2-3:nth-child(2n+2) {
    padding-left: 0;
    padding-right: 1.06667em;
  }
  .colm-grid.lines.reverse > .colm2-3:nth-child(2n+2):after {
    left: 66.66%;
    margin-left: 0.53333em;
  }
  .colm-grid.lines.reverse > .colm2-3 + .colm1-3:nth-child(3n+2) {
    padding-left: 0;
    padding-right: 2.13333em;
  }
  .colm-grid.lines.reverse > .colm2-3 + .colm1-3:nth-child(3n+2):after {
    left: 33.33%;
    margin-left: -0.53333em;
  }
  .colm-grid.lines.reverse > .colm1-4:nth-child(4n+1) {
    padding-left: 2.4em;
    padding-right: 0;
  }
  .colm-grid.lines.reverse > .colm1-4:nth-child(4n+2) {
    padding-left: 1.6em;
    padding-right: 0.8em;
  }
  .colm-grid.lines.reverse > .colm1-4:nth-child(4n+3) {
    padding-left: 0.8em;
    padding-right: 1.6em;
  }
  .colm-grid.lines.reverse > .colm1-4:nth-child(4n+4) {
    padding-left: 0;
    padding-right: 2.4em;
  }
  .colm-grid.lines.reverse > .colm1-2 + .colm1-4:nth-child(4n+2) {
    padding-left: 0.8em;
    padding-right: 1.6em;
  }
  .colm-grid.lines.reverse > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 2.4em;
  }
  .colm-grid.lines.reverse > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 1.6em;
  }
  .colm-grid.lines.reverse > .colm1-4 + .colm1-2:nth-child(3n+2) {
    padding-right: 0.8em;
    padding-left: 0.8em;
  }
  .colm-grid.lines.reverse > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 2.4em;
  }
  .colm-grid.lines.reverse > .colm1-4 + .colm3-4:nth-child(2n+2) {
    padding-left: 0;
    padding-right: 0.8em;
  }
  .colm-grid.lines.reverse > .colm3-4:nth-child(2n+1) {
    padding-left: 0.8em;
    padding-right: 0;
  }
  .colm-grid.lines.reverse > .colm3-4 + .colm1-4:nth-child(2n+2) {
    padding-left: 0;
    padding-right: 2.4em;
  }
  .colm-grid.lines.reverse > .colm280-fixed + .colm280-flex {
    padding-left: 0;
    padding-right: 332px;
  }
  .colm-grid.lines.reverse > .colm280-fixed + .colm280-flex:after {
    left: auto;
    right: 306px;
  }
  .colm-grid.lines.reverse > .colm280-fixed-right + .colm280-flex {
    padding-left: 332px;
    padding-right: 0;
  }
  .colm-grid.lines.reverse > .colm280-fixed-right + .colm280-flex:after {
    left: 306px;
    right: auto;
  }
  .colm-grid.lines.reverse > .colm1-4:nth-child(4n+2):after {
    left: 75%;
    margin-left: 0.8em;
  }
  .colm-grid.lines.reverse > .colm1-4:nth-child(4n+4):after {
    left: 25%;
    margin-left: -0.8em;
  }
  .colm-grid.lines.reverse > .colm1-2 + .colm1-4:nth-child(4n+2):after {
    left: 50%;
    margin-left: 0;
  }
  .colm-grid.lines.reverse > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3):after {
    left: 25%;
    margin-left: -0.8em;
  }
  .colm-grid.lines.reverse > .colm1-4 + .colm1-2:nth-child(3n+2):after {
    left: 75%;
    margin-left: 0.8em;
  }
  .colm-grid.lines.reverse > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3):after {
    left: 25%;
    margin-left: -0.8em;
  }
  .colm-grid.lines.reverse > .colm1-4 + .colm3-4:nth-child(2n+2):after {
    left: 75%;
    margin-left: 0.8em;
  }
  .colm-grid.lines.reverse > .colm3-4 + .colm1-4:nth-child(2n+2):after {
    left: 25%;
    margin-left: -0.8em;
  }
}
@media all and (min-width: 1024px) {
  .pseudo-line-large, .colm-grid.lines > .colm50-25:nth-child(4n+2):after, .colm-grid.lines > .colm50-25:nth-child(4n+3):after, .colm-grid.lines > .colm50-25:nth-child(4n+4):after {
    content: " ";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e3e3e3;
    top: 0;
  }

  .colm-grid.lines > .colm50-25 *:last-child {
    margin-bottom: 0;
  }
  .colm-grid.lines > .colm50-25:nth-child(4n+1) {
    padding-left: 0;
    padding-right: 2.4em;
  }
  .colm-grid.lines > .colm50-25:nth-child(4n+2) {
    padding-left: 0.8em;
    padding-right: 1.6em;
  }
  .colm-grid.lines > .colm50-25:nth-child(4n+2):after {
    left: 25%;
    margin-left: -0.8em;
  }
  .colm-grid.lines > .colm50-25:nth-child(4n+3) {
    padding-left: 1.6em;
    padding-right: 0.8em;
  }
  .colm-grid.lines > .colm50-25:nth-child(4n+3):after {
    left: 50%;
    margin-left: 0;
  }
  .colm-grid.lines > .colm50-25:nth-child(4n+4) {
    padding-left: 2.4em;
    padding-right: 0;
  }
  .colm-grid.lines > .colm50-25:nth-child(4n+4):after {
    left: 75%;
    margin-left: 0.8em;
  }
}
/* non-responsive lines */
.pseudo-line-nr, .colm-grid.non-responsive.lines > .colm1-2:nth-child(even):after, .colm-grid.non-responsive.lines > .colm1-3:nth-child(3n+2):after, .colm-grid.non-responsive.lines > .colm1-3:nth-child(3n+3):after, .colm-grid.non-responsive.lines > .colm2-3:nth-child(2n+2):after, .colm-grid.non-responsive.lines > .colm2-3 + .colm1-3:nth-child(3n+2):after, .colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+2):after, .colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+3):after, .colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+4):after, .colm-grid.non-responsive.lines > .colm1-2 + .colm1-4:nth-child(4n+2):after, .colm-grid.non-responsive.lines > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3):after, .colm-grid.non-responsive.lines > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3):after, .colm-grid.non-responsive.lines > .colm1-4 + .colm1-2:nth-child(3n+2):after, .colm-grid.non-responsive.lines > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3):after, .colm-grid.non-responsive.lines > .colm1-4 + .colm3-4:nth-child(2n+2):after, .colm-grid.non-responsive.lines > .colm3-4 + .colm1-4:nth-child(2n+2):after, .colm-grid.non-responsive.lines > .colm280-fixed + .colm280-flex:after, .colm-grid.non-responsive.lines > .colm280-fixed-right + .colm280-flex:after, .colm-grid.non-responsive.lines.reverse > .colm1-2 + .colm1-4:nth-child(4n+2):after, .colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+2):after, .colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+3):after, .colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+4):after {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #e3e3e3;
  top: 0;
}

.colm-grid.non-responsive.lines {
  position: relative;
  margin: 0 0 4em 0;
}
.colm-grid.non-responsive.lines > .colm1-2,
.colm-grid.non-responsive.lines > .colm1-3,
.colm-grid.non-responsive.lines > .colm2-3,
.colm-grid.non-responsive.lines > .colm1-4,
.colm-grid.non-responsive.lines > .colm3-4,
.colm-grid.non-responsive.lines > .colm50-25,
.colm-grid.non-responsive.lines > .colm280-fixed,
.colm-grid.non-responsive.lines > .colm280-fixed-right,
.colm-grid.non-responsive.lines > .colm280-flex {
  position: static;
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
.colm-grid.non-responsive.lines > .colm1-2 *:last-child,
.colm-grid.non-responsive.lines > .colm1-3 *:last-child,
.colm-grid.non-responsive.lines > .colm2-3 *:last-child,
.colm-grid.non-responsive.lines > .colm1-4 *:last-child,
.colm-grid.non-responsive.lines > .colm3-4 *:last-child,
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+3) *:last-child,
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+4) *:last-child,
.colm-grid.non-responsive.lines > .colm280-fixed *:last-child,
.colm-grid.non-responsive.lines > .colm280-fixed-right *:last-child,
.colm-grid.non-responsive.lines > .colm280-flex *:last-child {
  margin-bottom: 0;
}
.colm-grid.non-responsive.lines > .colm1-2:nth-child(odd) {
  padding-left: 0;
  padding-right: 1.6em;
}
.colm-grid.non-responsive.lines > .colm1-2:nth-child(even) {
  padding-left: 1.6em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm1-2:nth-child(even):after {
  left: 50%;
}
.colm-grid.non-responsive.lines > .colm1-3:nth-child(3n+1) {
  padding-left: 0;
  padding-right: 2.13333em;
}
.colm-grid.non-responsive.lines > .colm1-3:nth-child(3n+2) {
  padding-left: 1.06667em;
  padding-right: 1.06667em;
}
.colm-grid.non-responsive.lines > .colm1-3:nth-child(3n+2):after {
  left: 33.33%;
  margin-left: -0.53333em;
}
.colm-grid.non-responsive.lines > .colm1-3:nth-child(3n+3) {
  padding-left: 2.13333em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm1-3:nth-child(3n+3):after {
  left: 66.66%;
  margin-left: 0.53333em;
}
.colm-grid.non-responsive.lines > .colm2-3:nth-child(2n+1) {
  padding-left: 0;
  padding-right: 1.06667em;
}
.colm-grid.non-responsive.lines > .colm2-3:nth-child(2n+2) {
  padding-left: 1.06667em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm2-3:nth-child(2n+2):after {
  left: 33.33%;
  margin-left: -0.53333em;
}
.colm-grid.non-responsive.lines > .colm2-3 + .colm1-3:nth-child(3n+2) {
  padding-left: 2.13333em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm2-3 + .colm1-3:nth-child(3n+2):after {
  left: 66.66%;
  margin-left: 0.53333em;
}
.colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+1) {
  padding-left: 0;
  padding-right: 2.4em;
}
.colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+2) {
  padding-left: 0.8em;
  padding-right: 1.6em;
}
.colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+2):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+3) {
  padding-left: 1.6em;
  padding-right: 0.8em;
}
.colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+3):after {
  left: 50%;
  margin-left: 0;
}
.colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+4) {
  padding-left: 2.4em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm1-4:nth-child(4n+4):after {
  left: 75%;
  margin-left: 0.8em;
}
.colm-grid.non-responsive.lines > .colm1-2 + .colm1-4:nth-child(4n+2) {
  padding-left: 1.6em;
  padding-right: 0.8em;
}
.colm-grid.non-responsive.lines > .colm1-2 + .colm1-4:nth-child(4n+2):after {
  left: 50%;
  margin-left: 0;
}
.colm-grid.non-responsive.lines > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
  padding-left: 2.4em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3):after {
  left: 75%;
  margin-left: 0.8em;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
  padding-left: 1.6em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3):after {
  left: 50%;
  margin-left: 0;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm1-2:nth-child(3n+2) {
  padding-right: 0.8em;
  padding-left: 0.8em;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm1-2:nth-child(3n+2):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
  padding-left: 2.4em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3):after {
  left: 75%;
  margin-left: 0.8em;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm3-4:nth-child(2n+2) {
  padding-left: 0.8em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm1-4 + .colm3-4:nth-child(2n+2):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines > .colm3-4:nth-child(2n+1) {
  padding-left: 0;
  padding-right: 0.8em;
}
.colm-grid.non-responsive.lines > .colm3-4 + .colm1-4:nth-child(2n+2) {
  padding-left: 2.4em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm3-4 + .colm1-4:nth-child(2n+2):after {
  left: 75%;
  margin-left: 0.8em;
}
.colm-grid.non-responsive.lines > .colm280-fixed + .colm280-flex {
  padding-left: 332px;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm280-fixed + .colm280-flex:after {
  left: 306px;
}
.colm-grid.non-responsive.lines > .colm280-fixed-right + .colm280-flex {
  padding-left: 0;
  padding-right: 332px;
}
.colm-grid.non-responsive.lines > .colm280-fixed-right + .colm280-flex:after {
  right: 306px;
}
.colm-grid.non-responsive.lines.reverse > .colm1-2:nth-child(odd) {
  padding-left: 1.6em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines.reverse > .colm1-2:nth-child(even) {
  padding-left: 0;
  padding-right: 1.6em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-3:nth-child(3n+1) {
  padding-left: 2.13333em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines.reverse > .colm1-3:nth-child(3n+2) {
  padding-left: 1.06667em;
  padding-right: 1.06667em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-3:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 2.13333em;
}
.colm-grid.non-responsive.lines.reverse > .colm2-3:nth-child(2n+1) {
  padding-left: 1.06667em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines.reverse > .colm2-3:nth-child(2n+2) {
  padding-left: 0;
  padding-right: 1.06667em;
}
.colm-grid.non-responsive.lines.reverse > .colm2-3:nth-child(2n+2):after {
  left: 66.66%;
  margin-left: 0.53333em;
}
.colm-grid.non-responsive.lines.reverse > .colm2-3 + .colm1-3:nth-child(3n+2) {
  padding-left: 0;
  padding-right: 2.13333em;
}
.colm-grid.non-responsive.lines.reverse > .colm2-3 + .colm1-3:nth-child(3n+2):after {
  left: 33.33%;
  margin-left: -0.53333em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4:nth-child(4n+1) {
  padding-left: 2.4em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4:nth-child(4n+2) {
  padding-left: 1.6em;
  padding-right: 0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4:nth-child(4n+3) {
  padding-left: 0.8em;
  padding-right: 1.6em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4:nth-child(4n+4) {
  padding-left: 0;
  padding-right: 2.4em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-2 + .colm1-4:nth-child(4n+2) {
  padding-left: 0.8em;
  padding-right: 1.6em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 2.4em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4 + .colm1-4 + .colm1-2:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 1.6em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4 + .colm1-2:nth-child(3n+2) {
  padding-right: 0.8em;
  padding-left: 0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3) {
  padding-left: 0;
  padding-right: 2.4em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4 + .colm3-4:nth-child(2n+2) {
  padding-left: 0;
  padding-right: 0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm3-4:nth-child(2n+1) {
  padding-left: 0.8em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines.reverse > .colm3-4 + .colm1-4:nth-child(2n+2) {
  padding-left: 0;
  padding-right: 2.4em;
}
.colm-grid.non-responsive.lines.reverse > .colm280-fixed + .colm280-flex {
  padding-left: 0;
  padding-right: 332px;
}
.colm-grid.non-responsive.lines.reverse > .colm280-fixed + .colm280-flex:after {
  left: auto;
  right: 306px;
}
.colm-grid.non-responsive.lines.reverse > .colm280-fixed-right + .colm280-flex {
  padding-left: 332px;
  padding-right: 0;
}
.colm-grid.non-responsive.lines.reverse > .colm280-fixed-right + .colm280-flex:after {
  left: 306px;
  right: auto;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4:nth-child(4n+2):after {
  left: 75%;
  margin-left: 0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4:nth-child(4n+4):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-2 + .colm1-4:nth-child(4n+2):after {
  left: 50%;
  margin-left: 0;
}
.colm-grid.non-responsive.lines.reverse > .colm1-2 + .colm1-4 + .colm1-4:nth-child(3n+3):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4 + .colm1-2:nth-child(3n+2):after {
  left: 75%;
  margin-left: 0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4 + .colm1-2 + .colm1-4:nth-child(3n+3):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm1-4 + .colm3-4:nth-child(2n+2):after {
  left: 75%;
  margin-left: 0.8em;
}
.colm-grid.non-responsive.lines.reverse > .colm3-4 + .colm1-4:nth-child(2n+2):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines > .colm50-25 *:last-child {
  margin-bottom: 0;
}
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+1) {
  padding-left: 0;
  padding-right: 2.4em;
}
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+2) {
  padding-left: 0.8em;
  padding-right: 1.6em;
}
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+2):after {
  left: 25%;
  margin-left: -0.8em;
}
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+3) {
  padding-left: 1.6em;
  padding-right: 0.8em;
}
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+3):after {
  left: 50%;
  margin-left: 0;
}
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+4) {
  padding-left: 2.4em;
  padding-right: 0;
}
.colm-grid.non-responsive.lines > .colm50-25:nth-child(4n+4):after {
  left: 75%;
  margin-left: 0.8em;
}

body,
form,
ol,
ul,
dl,
li,
dt,
dd,
td,
th,
tr,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
address {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

img {
    border: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

th {
    text-align: left;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

@font-face {
    font-family: 'Signika';
    src: url('https://www.metaltis.be/skin/frontend/metaltis/default/font/pts75f-webfont.eot');
    src: url('https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/font/pts75f-webfont.eot@.html') format('embedded-opentype'), url('https://www.metaltis.be/skin/frontend/metaltis/default/font/pts75f-webfont.woff') format('woff'), url('https://www.metaltis.be/skin/frontend/metaltis/default/font/pts75f-webfont.ttf') format('truetype'), url('https://www.metaltis.be/skin/frontend/metaltis/default/font/pts75f-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'optimus-icons';
    src: url('https://www.metaltis.be/skin/frontend/metaltis/default/font/optimus-icons.eot');
    src: url('https://www.metaltis.be/skin/frontend/metaltis/default/skin/frontend/metaltis/default/font/optimus-icons.eot@.html') format('embedded-opentype'), url('https://www.metaltis.be/skin/frontend/metaltis/default/font/optimus-icons.woff') format('woff'), url('https://www.metaltis.be/skin/frontend/metaltis/default/font/optimus-icons.ttf') format('truetype'), url('https://www.metaltis.be/skin/frontend/metaltis/default/font/optimus-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #ffffff;
    font-size: 13px;
    line-height: 1.6;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-align: left;
    color: #474747;
}

.wrapper {
    position: relative;
}

.cookiealert {
    z-index: 999;
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 1em;
}

.select-container {
    border: 1px solid #474747;
    position: relative;
    margin-top: 2px;
}

.select-container:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    font-family: "FontAwesome";
    font-size: 20px;
    pointer-events: none;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 15px;
    height: auto;
    line-height: normal;
    color: #f39200;
}

.select-container select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    height: 34px;
    line-height: 34px;
    width: 100%;
    padding: 0 15px;
    cursor: pointer;
    background-color: #fff;
}

.select-container select::-ms-expand {
    display: none;
}


/* type */

.std h1,
.std h2 {
    padding-bottom: 6px;
    margin-bottom: 0;
}

.std h3,
.std h4 {
    padding-bottom: 4px;
}

h1 {
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #2f2f2f;
}

.page-title h1,
.page-title h2 {
    color: #2f2f2f;
    font-size: 17px;
}

.page-title {
    border-color: #ededed;
}

.catalogsearch-result-index .page-title {
    border-bottom: none;
}

.page-title.category-title h1,
.product-essential .product-name h1,
.account-advantages h1 {
    font-size: 30px;
    color: #f39200;
}

.download-file {
    position: relative;
    padding-left: 28px;
    border-bottom: none;
}

.download-file:hover {
    border-bottom: none;
}

.download-file:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/download-file.svg") no-repeat;
    background-size: 18px 19px;
    width: 18px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
}

.form-list .field {
    margin-bottom: 10px;
}

.form-list .control {
    margin: 10px 0;
}


/* Clearfixes */


/* Clearfix */

.clearfix:after,
.clearfix:before,
.header:after,
.header:before,
.toolbar:after,
.toolbar:before,
.page-title:before,
.page-title:after,
.page:before,
.page:after,
.contactFormWrapTop:after,
.contactFormWrapTop:before,
.box-additional:after,
.box-additional:before,
.product-options-bottom:after,
.product-options-bottom:before,
.pager:before,
.pager:after,
.actions:before,
.actions:after,
.header-right-bottom:after,
.header-right-bottom:before,
.homeslider:after,
.homeslider:before,
.cart-collaterals:after,
.cart-collaterals:before {
    content: "";
    display: table;
}

.clearfix:after,
.toolbar:after,
.header:after,
.page-title:after,
.page:after,
.contactFormWrapTop:after,
.box-additional:after,
.product-options-bottom:after,
.pager:after,
.actions:after,
.header-right-bottom:after,
.homeslider:after,
.cart-collaterals:after {
    clear: both;
}

.clearfix,
.toolbar,
.header,
.page-title,
.page,
.contactFormWrapTop,
.box-additional,
.product-options-bottom,
.pager,
.actions,
.header-right-bottom,
.homeslider,
.cart-collaterals {
    zoom: 1;
}


/* links */

a {
    text-decoration: none;
}

a,
.footer .adress a,
.checkout-cart-index .product-name a,
.block-faqs a,
.block-category-left-nav a,
.theme5 .read_more,
.product-collateral2 .block-related .block-content a.details,
.product-collateral2 .block-related .block-title .block-subtitle a {
    color: #f39200;
    border-bottom: 1px solid transparent;
    -moz-transition-duration: .22s;
    -moz-transition-property: color, background-color, border;
    -o-transition-duration: .22s;
    -o-transition-property: color, background-color, border;
    -webkit-transition-duration: .22s;
    -webkit-transition-property: color, background-color, border;
    transition-duration: .22s;
    transition-property: color, background-color, border;
}

a:hover,
a:active,
.footer .adress a:hover,
.footer .adress a:active,
.theme5 .read_more:hover,
.theme5 .read_more:active,
.block-related .block-content a.details:hover,
.block-related .block-title .block-subtitle a:hover,
.block-related .block-content a.details:active,
.block-related .block-title .block-subtitle a:active {
    color: #f39200;
    border-bottom: 1px solid #f7dcca;
    text-decoration: none;
}

.block-faqs a,
.block-blog a,
.block-category-left-nav a,
.block-layered-nav .actions a,
.block-layered-nav ol li a,
.block-layered-nav ol li a:link,
.block-layered-nav ol li a:visited,
.block-layered-nav ul li a,
.block-layered-nav ul li a:link,
.block-layered-nav ul li a:visited {
    color: #333333;
    border-bottom: none;
}

.block-faqs a:hover,
.block-blog a:hover,
.block-category-left-nav a:hover,
.block-layered-nav .actions a:hover,
.block-faqs a:active,
.block-blog a:active,
.block-category-left-nav a:active,
.block-layered-nav .actions a:active,
.block-layered-nav ol li a:hover,
.block-layered-nav ol li a:active,
.block-faqs a.active,
.block-blog a.active,
.block-category-left-nav a.active,
.block-layered-nav ul li a:hover,
.block-layered-nav ul li a.active,
.block-layered-nav ul li a:active {
    color: #f39200;
    border-bottom: none;
}

.block-layered-nav .currently .btn-remove {
    border-bottom: none;
}

button.button span {
    font-weight: 400;
}

.footer .adress a {
    border-bottom: 1px solid #f39200;
}

.footer .adress a:hover,
.footer .adress a:active {
    color: #f39200;
    border-color: #fbe1ba;
}

#iblightbox a {
    border: none;
}

.page {
    padding: 0 15px;
    max-width: 1230px;
}


/* buttons */

button.button,
.awafpgrid .afp-addtocart button,
button.form-button,
a.button,
button#onestepcheckout-place-order {
    background: #f39200;
    height: 33px;
    padding: 0;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    font-size: 13px;
    box-shadow: none;
    text-shadow: none;
}

a.button {
    display: block;
    float: left;
    clear: both;
    line-height: 33px;
    text-align: center;
    padding: 3px 8px;
}

button#onestepcheckout-place-order {
    font-size: 17px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color: #59b4eb;
}

button.form-button span {
    padding: 0 8px;
}

button.button,
.awafpgrid .afp-addtocart button,
button.button span {
    font-size: 13px;
    font-weight: 400;
}

input,
select,
textarea,
button,
button.button span {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

button.button span,
.awafpgrid .afp-addtocart button div {
    background: none;
    border: none;
}

button:hover,
.awafpgrid .afp-addtocart button:hover {
    background: #ffa621;
}

button#onestepcheckout-place-order:hover {
    background-color: #71bfee;
}

button.btn-cart span {
    background: none;
    height: auto;
    float: left;
}

button.btn-cart span span {
    border: none;
    display: block;
    height: 29px;
    line-height: 28px;
    padding: 0;
    text-shadow: 1px 1px 0px #656565;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    float: left;
}

.cart-table .btn-empty span,
.cart-table .btn-continue span,
.cart-table .btn-update span {
    background: none;
    border: none;
}

#shopping-cart-table button.button,
.cart-collaterals .col2-set button.button {
    background: #cdcdcd;
    border-color: #bebebe;
}

#shopping-cart-table button.button:hover,
.cart-collaterals .col2-set button.button:hover {
    background: #d4d4d4;
}

#shopping-cart-table button.button span span,
.cart-collaterals .col2-set button.button span span {
    color: #333;
}

#shopping-cart-table a.product-image img {
    min-width: 75px;
    max-width: 150px;
}


/* general */

.wrapper.nav-wrapper {
    background-color: #F9F9F9;
    border-bottom: 1px solid #d7d7d9;
    border-top: 1px solid #d7d7d9;
    position: relative;
    z-index: 101;
}

.header,
.main,
.footer,
.copyLinks {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
}

.header {
    text-align: left;
}

.col-main {
    padding: 22px 0;
    background: #fff;
}


/* usp */

.usp {
    position: relative;
    margin-top: 30px;
}

.usp ul li {
    display: block;
    width: 230px;
}

.usp ul li > a,
.usp ul li > a:link,
.usp ul li > a:visited {
    display: block;
    height: 44px;
    line-height: 44px;
    color: #4d4d4d;
    font-size: 14px;
    border-bottom: none;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #f39200;
    border-left: 1px solid #f39200;
    border-right: 1px solid #f39200;
    color: #f39200;
    padding-left: 14px;
}

.usp ul li.is-active > a {
    border-right-color: #fff;
}

.usp ul li:first-child > a {
    border-top: 1px solid #f39200;
}


/*html[lang="es"] .usp ul li > a,
html[lang="es"] .usp ul li > a:link,
html[lang="es"] .usp ul li > a:visited {
    padding: 0 43px;
}*/


/*html[lang="es"] .usp ul li:first-child > a {
    padding-left: 5px;
}*/

.usp ul li .flyout .usp-img-custom,
.usp ul li .flyout .usp-img-fabric,
.usp ul li .flyout .usp-img-message,
.usp ul li .flyout .usp-img-proffessional {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -55px;
}

.usp ul li .flyout .usp-img-message {
    margin-left: 8px;
}

.usp ul li .flyout .usp-img-proffessional {
    margin-left: 10px;
}

.usp ul li .flyout .usp-img-custom:before {
    content: "";
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/USP/custom_hover.svg) top left no-repeat;
    display: inline-block;
    width: 200px;
    height: 110px;
    position: relative;
    top: 4px;
}

.usp ul li .flyout .usp-img-fabric:before {
    content: "";
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/USP/fabric_hover.svg) top left no-repeat;
    display: inline-block;
    width: 176px;
    height: 110px;
    position: relative;
    top: 4px;
}

.usp ul li .flyout .usp-img-message:before {
    content: "";
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/USP/message_hover.svg) top left no-repeat;
    display: inline-block;
    width: 121px;
    height: 110px;
    position: relative;
    top: 6px;
}

.usp ul li .flyout .usp-img-proffessional:before {
    content: "";
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/USP/advies_hover.svg) top left no-repeat;
    display: inline-block;
    width: 90px;
    height: 110px;
    position: relative;
    top: 6px;
}

.usp ul li div.flyout {
    position: absolute;
    top: 0;
    left: 230px;
    width: calc(100% - 230px);
    z-index: 1;
    text-align: left;
    height: 176px;
    border-top: 1px solid #f39200;
    border-right: 1px solid #f39200;
    border-bottom: 1px solid #f39200;
    background: #fff;
    padding: 10px 10px 10px 10px;
}

.usp ul li div.flyout .content {
    width: calc(100% - 250px);
}

.usp ul li div.flyout.is-visible {
    z-index: 8;
}

.usp ul li div.flyout h3 {
    color: #525252;
    font-size: 13px;
    margin-bottom: 10px;
}

.usp ul li div.flyout .title_custom {
    color: #f39200;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.35;
    font-weight: bold;
}

.usp ul li div.flyout p {
    margin-bottom: 6px;
}

.usp ul li.start div.flyout {
    z-index: 8;
}

.usp ul li.start > a {
    border-right-color: #fff;
}

.usp ul li.start.is-inactive > a {
    border-right-color: #f39200;
}


/* welcome-message */

.welcome-message {
    position: absolute;
    left: 320px;
    top: 40px;
    width: 320px;
    height: auto;
    padding: 8px 0;
    text-align: left;
    color: #F39200;
    display: none;
}


/* cms links */

.header-links {
    margin: 0 0 0 2px;
    display: inline-block;
}

.header-links .container {
    position: relative;
}

.cms-header-links ul {
    float: none;
    margin-left: 12px;
    padding-left: 12px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/bg-header-links.png) left no-repeat;
}

.cms-header-links ul:first-child {
    margin: 0;
    padding: 0;
    background: none;
}

.header-links ul li {
    display: inline-block;
    padding: 0 10px;
    height: 19px;
    position: relative;
}

.header-links ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #f39200;
    position: absolute;
    left: -2px;
    top: 50%;
    margin-top: -2px;
}

.header-links .cms-header-links ul li.home {
    padding-left: 0;
}

.header-links .cms-header-links ul:first-child li:first-child:before {
    background-color: transparent;
    position: static;
}

.header-links .cms-header-links ul li:first-child a span {
    display: none;
}

.header-links .cms-header-links ul:first-child li.home a:before {
    content: "\f015";
    font-family: "FontAwesome";
    color: #F39200;
    font-size: 17px;
    font-weight: normal;
    position: relative;
    top: -4px;
}

.header-links .cms-header-links ul li:first-child:hover a:before {
    color: #353535;
}

.header-links a {
    display: inline-block;
    color: #f39200;
    font-weight: 600;
    font-size: 14px;
    border: none;
}

.header-links a:hover,
.header-links a:active {
    color: #474747;
}

li.onze-klanten ul {
    display: none;
}

li.onze-klanten {
    position: relative;
}

.rightLinks li.onze-klanten ul {
    position: absolute;
    top: 43px;
    right: 0;
    background: #fff;
    border: 1px solid #F39200;
    border-top: none;
    z-index: 10000;
    list-style: none;
}

.rightLinks li.onze-klanten ul li {
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
}

.rightLinks li.onze-klanten ul li a {
    display: block;
    padding: 0 15px;
    border-top: 1px dashed #ccc;
}

.rightLinks li.onze-klanten ul li:first-child a {
    border-top: none;
}

.rightLinks li.onze-klanten ul li:first-child a {
    height: 43px;
    padding-top: 0;
}

body.cms-home .header-links ul li.home a,
body.cms-home .header-links ul li.home a:hover,
body.cms-home .header-links ul li.home a:active {}

body.cms-home .header-links ul li.home a:hover span,
body.cms-home .header-links ul li.home a span {
    background-position: bottom;
}

.header-links .quick-access {
    /*position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;*/
    float: right;
    padding: 0;
    width: auto;
}


/* blocks */

.block .block-title {
    border: none;
    background: none;
    font-size: 17px;
    color: #2F2F2F;
    padding: 0;
}

.block .block-title strong {
    background: none;
    padding: 0;
    padding-top: 3px;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.block-viewed .block-title {
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px;
}

.block .block-content {
    padding: 0;
}


/* category-nav-left */

.block-category-left-nav .menu strong {
    font-weight: 400;
}

.block-category-left-nav .block-title {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #EDEDED;
}

.block-category-left-nav .block-title strong {
    color: #2F2F2F;
    font-size: 17px;
    text-transform: none;
}

.block-category-left-nav .menu {
    padding: 0;
    padding-top: 10px;
}

.block-category-left-nav .menu ul {
    /*list-style-type: disc;*/
    list-style-type: none;
    /*margin: 10px 0 5px 20px;*/
    margin: 10px 0 5px;
}

.block-category-left-nav .menu ul li {
    margin: 3px 0;
}


/*
.block-category-left-nav .menu ul li.active {
    font-weight: bold;
}
*/


/* blokc-blog */

.block-blog .block-content strong {
    font-weight: 400;
}

.block-blog .block-title {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #EDEDED;
}

.block-blog .block-title strong {
    color: #2F2F2F;
    font-size: 17px;
    text-transform: none;
}

.block-blog .block-content {
    padding: 0;
    padding-top: 10px;
}

.block-blog .block-content ul {
    /*list-style-type: disc;*/
    list-style-type: none;
    /*margin: 10px 0 5px 20px;*/
    margin: 10px 0 5px;
}

.block-blog .block-content ul li {
    margin: 3px 0;
}

.theme5 h1 a,
.theme5 h1 {
    margin-top: 0;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    text-transform: none;
    border: none;
}

.theme5 ul li ul li {
    border: none;
}

.accordion-content {
    display: none;
}


/* cart*/

.block-cart {
    text-align: left;
    display: inline-block;
    float: right;
    margin-bottom: 0;
}

.block-cart.empty {
    margin-bottom: 13px;
}

.block-cart .cart-icon {
    position: relative;
    display: inline-block;
}

.block-cart .cart-icon:hover {
    border-bottom-color: transparent;
}

.block-cart .cart-icon:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/forklift.svg") no-repeat;
    width: 83px;
    height: 57px;
    display: block;
}

.block-cart .button {
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-shadow: none;
    text-transform: uppercase;
    height: auto;
    padding: 8px 14px;
    font-weight: 600;
    margin-left: 20px;
    position: relative;
    top: -25px;
    background-color: #59b4eb;/*Task #49975*/
}

.block-cart .button:hover {/*Task #49975*/
    background-color: #71bfee;
}

.block-cart .button span {
    padding: 0;
}

.block-cart .cart-icon .count {
    position: absolute;
    left: 43px;
    top: 0;
    text-align: center;
    color: #f9f9f9;
    line-height: 42px;
    font-size: 16px;
    width: 40px;
    height: 40px;
}

.block-cart .block-content {
    background: none;
    color: #fff;
    display: none; //temp hide?
}

.block .empty {
    padding: 5px 0;
}

.block-cart .subtotal {
    background: none;
    float: left;
    font-size: 11px;
    text-align: left;
}

.block-cart .subtotal span .title {
    font-size: 12px;
}

.block-cart .subtotal .price {
    font-size: 13px;
    margin-right: 5px;
}

.block-cart .subtotal .inclusive .price {
    color: #f39200;
    font-size: 16px;
    font-weight: 700;
}

.block-cart .actions {
    background: none;
    border: none;
    float: right;
    /*width: 220px;*/
    padding: 0;
    clear: both;
}

.block-cart .actions button {
    float: right;
    margin-left: 10px;
}

.block-cart .actions button.button span {
    font-size: 11px;
}

.block-cart .actions a {
    display: block;
    float: right;
    border: none;
    background: none repeat scroll 0 0 #F39200;
    border: 1px solid #D17E01;
    color: #FFFFFF;
    font-weight: 400;
    height: 31px;
    line-height: 31px;
    padding: 0 8px;
    ;
    text-shadow: -1px -1px 1px #656565;
}

.block-cart .actions a:hover {
    background: #ffa621;
}

.account-advantages {
    margin-bottom: 30px;
}

.account-advantages ul {
    margin-top: 15px;
}

.account-create {
    border-top: 2px solid #f39200;
}

.account-create .form-list label {
    float: none;
    display: inline-block;
    margin-right: 20px;
    min-width: 200px;
    vertical-align: top;
}

.account-create .form-list .input-box {
    display: inline-block;
    clear: none;
    width: 260px;
    vertical-align: top;
}

.account-create .form-list .input-box--group {
    width: 254px;
}

.account-create .form-list .input-box--group .input-box--group-item {
    float: left;
}

.account-create .form-list .input-box--group .input-box--group-item ~ .input-box--group-item {
    /*TODO*/
    padding-left: 10px;
}

.account-create .customer-type .field {
    display: inline-block;
    margin-right: 20px;
}

.account-create .customer-type .field label {
    min-width: 0;
    margin-right: 10px;
}

.account-create .form-list label.required em {
    position: static;
    float: none;
    margin-left: 4px;
}

.account-create .form-list .fields.is-hidden,
.account-create .form-list .field.is-hidden {
    display: none;
}

.account-create .page-title {
    display: none;
}

.account-advantages li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 8px;
}

.account-advantages li:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/box-check.svg") no-repeat;
    background-size: 22px 20px;
    width: 22px;
    height: 20px;
    position: absolute;
    left: -1px;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
}

.account-box {
    float: right;
    display: inline-block;
    margin-top: 8px;
    position: relative;
}

.account-box .block-login {
    position: absolute;
    width: 200px;
    top: 30px;
    right: 0;
    background-color: #ededed;
    border: 1px solid #726f6f;
    z-index: 99;
    display: none;
}

.account-box .block-login.is-visible {
    display: block;
}

.account-box .block-login:before,
.account-box .block-login:after {
    bottom: 100%;
    left: 176px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.account-box .block-login:after {
    border-color: rgba(243, 146, 0, 0);
    border-bottom-color: #f39200;
    border-width: 8px;
    margin-left: -8px;
}

.account-box .block-login:before {
    border-color: rgba(114, 111, 111, 0);
    border-bottom-color: #726f6f;
    border-width: 9px;
    margin-left: -9px;
}

.account-box .block-login .block-content-top {
    background-color: #f39200;
    padding: 10px;
}

.account-box .block-login label {
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 2px;
    display: block;
    margin-bottom: 5px;
}

.block-login input.input-text {
    width: 100%;
    border: 0;
    padding: 6px;
    margin-bottom: 10px;
}

.account-box .block-login .actions {
    padding: 10px;
    text-align: left;
}

.account-box .block-login .actions a {
    font-size: 12px;
    color: #726f6f;
    text-decoration: none;
    border-bottom: 1px solid #726f6f;
    display: inline-block;
    margin-bottom: 4px;
}

.account-box .block-login .actions a:hover {
    color: #f39200;
    border-color: #f39200;
}

.account-box .block-login .actions button.button {
    float: left;
    clear: both;
    margin-bottom: 6px;
}

.account-box .block-login .actions button.button span {
    border-color: transparent;
    background: transparent;
}

.account-link {
    font-size: 16px;
    color: #474747;
    position: relative;
    padding-left: 32px;
    border-bottom: none;
}

.account-link:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/account.svg") no-repeat;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
}

.account-link:hover {
    border-bottom: none;
}

.account-link.is-active {
    color: #f39200;
}


/* language */

.languages {
    display: inline-block;
    float: right;
    margin-left: 20px;
    margin-top: 8px;
}

.languages ul li {
    background: none;
    margin-left: 0;
}

.languages ul li.current {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.languages ul li.current ul li.curr-lang-mobile {
    display: none;
}

.languages ul li.current:before {
    display: none;
}

.languages ul li.current > span {
    display: block;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    padding-left: 32px;
    padding-bottom: 6px;
}

.languages ul li.current > span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/language.svg") no-repeat;
    background-size: 26px 26px;
    height: 26px;
    width: 26px;
}

.languages ul li.current > span:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: 10px;
    color: #f39200;
}

.languages ul li.current span.over,
.languages ul li.current span:hover {
    color: #e38d0b;
}

.languages ul li.current span.over:after,
.languages ul li.current span:hover:after {
    color: #e38d0b;
}

.languages ul li.current ul {
    border: 1px solid #726f6f;
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    border-radius: 2px;
    z-index: 101;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 8px 0;
    background-color: #f39200;
    width: 140px;
    display: none;
}

.languages ul li.current ul:before,
.languages ul li.current ul:after {
    bottom: 100%;
    right: 21px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.languages ul li.current ul:after {
    border-color: rgba(243, 146, 0, 0);
    border-bottom-color: #f39200;
    border-width: 8px;
    margin-left: -8px;
    right: 22px;
}

.languages ul li.current ul:before {
    border-color: rgba(114, 111, 111, 0);
    border-bottom-color: #726f6f;
    border-width: 9px;
    margin-left: -9px;
}

.languages ul li.current ul li {
    float: none;
    padding: 0;
}

.languages ul li.current ul li:before {
    display: none;
}

.languages ul li.current ul li a {
    display: block;
    padding: 0 15px;
    color: #fff;
    border-bottom: none;
}

.languages ul li.current ul li a:hover {
    color: #fff;
}

.languages ul li ul li a:hover {
    border-bottom: none;
}

.languages ul li.current ul li:first-child a {
    border-top: none;
}

.languages ul li.current ul li:first-child a {
    height: 24px;
    padding-top: 0;
}


/* header */

.header-container {
    background: #f9f9f9;
    clear: both;
    border: none;
}

.header-container:after {
    content: "";
    background-color: #ededed;
    height: 59px;
    position: absolute;
    right: 0;
    top: 20px;
    width: calc(((100vw - 1230px) / 2) + 20px);
    min-width: 59px;
}

.header-left {
    width: 200px;
    float: left;
}

.header.page {
    position: relative;
    z-index: 102;
}

@media screen and (min-width: 1024px) {
    .checkout_page .header.page {
        min-height: 161px;
    }
}

/*.logo-visual {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/bg_logo.svg") no-repeat;
    background-size: 530px;
    position: absolute;
    left: -200px;
    top: -45px;
    display: block;
    width: 535px;
    height: 206px;
    z-index: 0;
}*/

.logo-visual {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/bg_logotest.svg") no-repeat;
    background-size: 1050px 917px;
    position: absolute;
    left: -184px;
    top: -45px;
    display: block;
    width: 535px;
    height: calc(100% + 45px);
    z-index: 0;
}

.header-right {
    padding-left: 300px;
    padding-top: 20px;
    position: relative;
    z-index: 1;
}

.header-right-top {
    background-color: #ededed;
    padding: 10px;
    position: relative;
    height: 59px;
}

.header-right-top:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/extend.svg") no-repeat;
    content: "";
    display: inline-block;
    left: -49px;
    height: 59px;
    width: 59px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.header-right-bottom {
    padding-top: 10px;
}

.header .logo {
    margin: 20px 0;
    border: none;
    float: none;
    position: relative;
    z-index: 25;
    display: block;
}

.header .logo .mobile {
    display: none;
}

.tel {
    display: inline-block;
    color: #F39200;
    font-size: 17px;
    border-bottom: none;
    vertical-align: middle;
}

.tel .mobile {
    display: none;
}

.tel:hover {
    border-bottom: none;
}

.tel:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/tel.svg") no-repeat;
    background-size: 13px 26px;
    width: 13px;
    height: 26px;
    display: inline-block;
    margin-right: 8px;
    content: "";
    position: relative;
    top: 5px;
}


/* search */

#search_mini_form {
    background: none;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.header .form-search {
    background: none;
    position: static;
    padding: 0;
    width: auto;
    height: auto;
}

#search_mini_form .form-search input.input-text {
    border: 2px solid #cecece;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px 44px 10px 12px;
    margin-right: 0;
    color: #5a5a5a;
    width: 270px;
    float: none;
    -webkit-appearance: none
}

#search_mini_form .form-search label {
    clear: both;
    color: #FFFFFF;
    display: block;
    width: 200px;
    text-indent: 0;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
}

#search_mini_form .form-search button.button {
    background: none;
    padding: 0;
    border: none;
    position: absolute;
    right: 14px;
    z-index: 99;
    top: 4px;
}

#search_mini_form .form-search button.button:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/search.svg") no-repeat;
    width: 20px;
    height: 21px;
    display: inline-block;
}

#search_mini_form .form-search button.button span {
    display: none;
}

#search_mini_form .form-search a {
    clear: both;
    display: block;
    float: left;
    color: #d0d0d0;
    border-bottom: 1px solid #b1b1b1;
    margin-top: 5px;
}

.header .search-autocomplete {}


/* catalog navigation */

.nav-container {
    background: none;
    height: auto;
}

.reorder {
    display: none;
}

.nav-container li a {
    -moz-transition-property: background-color, border;
    -o-transition-property: background-color, border;
    -webkit-transition-property: background-color, border;
}

.nav-container ul {
    position: relative;
}

.nav-container #nav li#home-logo {
    position: absolute;
    top: 0;
    left: -75px;
    display: none;
    -moz-transition-duration: .22s;
    -moz-transition-property: left;
    -o-transition-duration: .22s;
    -o-transition-property: left;
    -webkit-transition-duration: .22s;
    -webkit-transition-property: left;
}

.nav-container #nav li#home-logo span {
    display: none;
}

.nav-container #nav li#home-logo:hover {
    background: transparent;
}

.nav-container #nav li#home-logo a {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/home-logo-fixed.png);
    width: 45px;
}

.nav-container #nav {
    border-bottom: none;
    padding: 0;
    position: relative;
    font-size: 0;
    display: table;
    width: 100%;
}

.nav-container #nav li {
    position: static;
    float: none;
    display: table-cell;
    font-size: 1rem;
}

.nav-container #nav li.level0.promo {
    border-top-color: #F39200;
    border-left-color: #F39200;
    border-right-color: #F39200;
}

.nav-container #nav li.promo > a {
    background-color: #F39200;
    color: #fff;
}

.nav-container #nav li.promo:hover > a {
    background-color: #434343;
}

.nav-container #nav li.promo > a:hover span {
    color: #F39200;
}

.nav-container #nav li a {
    display: block;
    border-bottom: none;
    color: #434343;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    text-shadow: 1px 0 1px #fff;
    background-position: left top;
    background-repeat: no-repeat;
    /*padding: 0 0 0 40px;*/
    padding: 0 10px;
    /*width: 100%;*/
    text-align: center;
}

.nav-container #nav .sub-category a {
    text-align: left;
}

/*html[lang=fr] .nav-container #nav li a {
    padding-right: 6px;
}

html[lang=es] .nav-container #nav li a {
    padding-right: 10px;
}*/

.nav-container #nav li:first-child a {
    border: none;
}

.nav-container #nav li a:hover,
.nav-container #nav li a:active,
.nav-container #nav li.level0.over a {
    color: #f39200;
}

.nav-container #nav li a:hover span,
.nav-container #nav li a:active span,
.nav-container #nav li.over a span,
.nav-container #nav li.active a span {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/active-state.svg) center bottom no-repeat;
    background-size: 8px 5px;
}

.nav-container #nav li.promo.active a span {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/active-state-white.svg) center bottom no-repeat;
    background-size: 8px 5px;
}

.nav-container #nav li ul a:hover span,
.nav-container #nav li ul a:active span,
.nav-container #nav li.over ul a span,
.nav-container #nav li.active ul a span {
    background: none;
}

.nav-container #nav li div.shown-sub {
    background: #eee;
    width: 956px;
    padding: 0 20px 20px 0;
    padding-left: 0;
    top: 46px;
    left: -3px;
    border-color: #e0e0e0;
}

.nav-container #nav li div.shown-sub ul.level0 li {
    background: none;
    float: left;
    margin-left: 20px;
    position: static;
    border: none;
    padding: 0;
    width: 218px;
}

.nav-container #nav li div.shown-sub {
    background-position: right;
    background-repeat: no-repeat;
}

.nav-container #nav li div.shown-sub li:first-child {}

.nav-container #nav li div.shown-sub li a {
    background: none;
    padding: 0;
    border: none;
}

.nav-container #nav li div.shown-sub li a:hover span {
    color: #e38d0b;
}

.nav-container #nav li {
    position: relative;
}

.nav-container #nav li ul.level0 li {
    height: auto;
    display: block;
}


/* level 1 */

#nav ul,
#nav div {
    top: 40px;
    width: auto;
    min-width: 100%;
}

.nav-container #nav li ul {
    border-color: #bbb;
}

.nav-container #nav li ul li {
    padding-bottom: 0;
}

.nav-container #nav li ul li a {
    background: #ededed;
    padding: 0;
    position: relative;
}

.nav-container #nav li ul li a:hover span,
.nav-container #nav li ul li a:active span {
    color: #f39200;
}

#nav li ul span {
    white-space: nowrap;
}

.nav-container #nav li.level0 {}

.nav-container #nav li.level0:hover {
    background: #434343;
    height: 40px;
}

.nav-container #nav li ul li a {
    background: #434343;
    color: #ffffff!important;
}

.nav-container #nav li a {
    text-shadow: none;
}

.nav-container #nav li a:hover span,
.nav-container #nav li.over a span {
    background: none;
}

.nav-container #nav li ul {
    border: none;
}

#nav li ul.shown-sub {
    left: 0;
}

/*.nav-container #nav > li.category-74 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/outlet_wit.svg") no-repeat;
    position: absolute;
    left: 13px;
    top: 12px;
    width: 20px;
    height: 20px;
}

.nav-container #nav li.category-74:hover a:before,
.nav-container #nav li.category-74 a:active:before,
.nav-container #nav li.level0.category-74.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/outlet_oranje.svg") no-repeat;
}

.nav-container #nav > li.category-3 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/spanbanden_grijs.svg") no-repeat;
    position: absolute;
    left: 8px;
    top: 12px;
    width: 30px;
    height: 20px;
}

.nav-container #nav li.category-3:hover a:before,
.nav-container #nav li.category-3 a:active:before,
.nav-container #nav li.level0.category-3.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/spanbanden_oranje.svg") no-repeat;
}

.nav-container #nav > li.category-6 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/hijsmiddelen_grijs.svg") no-repeat;
    position: absolute;
    left: 14px;
    top: 12px;
    width: 17px;
    height: 20px;
}

.nav-container #nav li.category-6:hover a:before,
.nav-container #nav li.category-6 a:active:before,
.nav-container #nav li.level0.category-6.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/hijsmiddelen_oranje.svg") no-repeat;
}

.nav-container #nav > li.category-24 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/hardware_grijs.svg") no-repeat;
    position: absolute;
    left: 12px;
    top: 12px;
    width: 20px;
    height: 23px;
}

.nav-container #nav li.category-24:hover a:before,
.nav-container #nav li.category-24 a:active:before,
.nav-container #nav li.level0.category-24.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/hardware_oranje.svg") no-repeat;
}

.nav-container #nav > li.category-26 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/narrow-fabrics_grijs.svg") no-repeat;
    position: absolute;
    left: 12px;
    top: 12px;
    width: 20px;
    height: 23px;
}

.nav-container #nav li.category-26:hover a:before,
.nav-container #nav li.category-26 a:active:before,
.nav-container #nav li.level0.category-26.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/narrow-fabrics_oranje.svg") no-repeat;
}

.nav-container #nav > li.category-25 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/verpakking_grijs.svg") no-repeat;
    position: absolute;
    left: 10px;
    top: 12px;
    width: 24px;
    height: 17px;
}

.nav-container #nav li.category-25:hover a:before,
.nav-container #nav li.category-25 a:active:before,
.nav-container #nav li.level0.category-25.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/verpakking_oranje.svg") no-repeat;
}

.nav-container #nav > li.category-89 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/pbm_grijs.svg") no-repeat;
    position: absolute;
    left: 10px;
    top: 12px;
    width: 23px;
    height: 20px;
}

.nav-container #nav li.category-89:hover a:before,
.nav-container #nav li.category-89 a:active:before,
.nav-container #nav li.level0.category-89.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/pbm_oranje.svg") no-repeat;
}

.nav-container #nav > li.category-23 > a:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/ladingzekering_grijs.svg") no-repeat;
    position: absolute;
    left: 12px;
    top: 12px;
    width: 27px;
    height: 16px;
}

.nav-container #nav li.category-23:hover a:before,
.nav-container #nav li.category-23 a:active:before,
.nav-container #nav li.level0.category-23.over a:before {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/ladingzekering_oranje.svg") no-repeat;
}*/


/* breadcrumbs */

.breadcrumbs {
    background: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 12px;
    line-height: 22px;
}

.breadcrumbs ul {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0 15px;
}

.breadcrumbs ul li a span {
    margin: 0 5px;
}

.breadcrumbs ul li a {
    color: #686868;
    border-bottom: 1px solid #cecece;
}

.breadcrumbs ul li a:hover,
.breadcrumbs ul li a:active {
    color: #505050;
    border-color: #aeaeae;
}

.breadcrumbs ul li.home a {
    font-weight: 700;
}

.breadcrumbs ul li strong {
    color: #2f2f2f;
}


/* main */

.main-container {
    background: none;
}

.main-container.toggled,
.footer-container.toggled {
    display: none;
}

.main {
    background: #fff;
    border-top: none;
    padding-bottom: 60px;
}

.col2-left-layout .colm280-fixed,
.col2-left-layout .colm280-flex {
    padding: 27px 0 0 0;
}


/* homepage */

ul.homeslider {
    margin: 0 !important;
    padding: 0 !important;
}

ul.homeslider li {
    margin-left: -19px;
}

.homeLinks {
    clear: both;
}

.homeLinks div {
    float: left;
    width: 220px;
    margin-left: 19px;
}

.homeLinks div:first-child {
    margin-left: 0;
}

.homeLinks div a {
    display: block;
    border: none;
    text-decoration: none;
}

.homeLinks div h2 {
    margin-top: 15px;
}

.homeLinks div h2 a {
    font-size: 16px;
    color: #434343;
    font-family: "Signika", Arial, Helvetica, sans-serif;
}

.mainBottom {
    clear: both;
    margin-top: 40px;
    margin-bottom: 0;
}

.col2-left-layout .mainBottom {
    margin-top: 30px;
}

#subscribe-media {
    position: relative;
}

#socialMedia {
    position: absolute;
    top: 75px;
    right: 0;
}

.mainBottom h2,
.mainBottom .title_custom,
.block-subscribe .block-title strong {
    font-family: "Signika", Arial, Helvetica, sans-serif;
    margin-bottom: 12px;
    font-size: 18px;
    color: #ff9900;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.mainBottom h2:after,
.mainBottom .title_custom::after {
    content: ":";
}

.block-subscribe .block-title,
.block-subscribe .block-content {
    background: none;
    padding: 0;
}

.block-subscribe .block-content {
    margin-top: 25px;
}

.captcha-reload {
    width: auto;
}

#socialMedia ul li {
    float: left;
    margin-left: 5px;
}

#socialMedia ul li:first-child {
    margin-left: 0;
}

.mainBottom .colm1-3 {
    position: relative;
}

.mainBottom .colm1-3 > div {
    background: #f1f1f1;
    font-size: 14px;
    padding: 20px;
}

.mainBottom .colm1-3 > .advantages li {
    list-style: none;
    position: relative;
    padding-left: 40px;
    margin-bottom: 4px;
}

.mainBottom .colm1-3 > .advantages li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/box.svg") no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.mainBottom .bestsellers .block {
    margin: 0;
}

.mainBottom .bestsellers .block-subscribe {}

.mainBottom .advantages a.bottom-button,
.mainBottom .configurator a.bottom-button,
.added-to-cart-popup a.btn {
    background: #f39200;
    padding: 0;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    font-size: 13px;
    padding: 8px;
    display: inline-block;
    float: right;
}

.mainBottom .advantages a.bottom-button:hover,
.mainBottom .configurator a.bottom-button:hover,
.added-to-cart-popup a.btn:hover {
    background: #ffa621;
}

.mainBottom .bestsellers .input-box #newsletter {
    margin: 0;
}

.widget-latest li {
    padding: 0;
    margin-bottom: 10px;
    font-size: 14px;
}

.widget-latest li a,
.widget-latest li a:hover {
    border-bottom: none;
}

.widget-latest li a:hover .blog-title {
    color: #f39200;
}

.widget-latest .blog-title {
    color: #474747;
}

.awafpgrid .afp-details,
.awafpgrid .awafptitle,
.awafpgrid .afp-thumbnail,
.awafpgrid .price-box,
.awafpgrid .afp-addtocart {
    text-align: left;
}

.afp-thumbnail {
    width: 100%;
}

.awafptitle {
    clear: both;
    margin-bottom: 10px;
}

.awafptitle a {
    font-size: 13px;
    color: #434343;
    border: none;
}

.awafptitle a:hover {
    color: #646464;
}

.awafpgrid {
    height: 240px !important;
}

.awafpgrid ul li {
    margin: 0;
    width: 135px !important;
    border: 1px solid #fff;
    padding: 5px;
}

.awafpgrid ul li:hover {
    border-color: #c3c3c3;
}

.afp-thumbnail .onsale-category-container-list {
    float: left !important;
}

a.product-image {
    display: block;
    border: none;
}

.product-image a {
    display: block;
    border: none;
}

ul.testimonials,
.awafpgrid ul {
    padding-left: 0;
}

ul.testimonials {
    padding-left: 50px;
}

.col-main .bx-wrapper {
    margin-bottom: 20px;
}

.std .bx-wrapper ul li {
    margin: 0;
}

.configurator .bx-wrapper {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/quotes.svg) no-repeat;
    background-size: 40px;
    margin-top: 26px;
    font-size: 14px;
    font-style: italic;
    color: #585757;
    margin-bottom: 5px;
}

.std .bx-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.configurator .bx-wrapper ul li {
    width: auto !important;
}

.configurator .bx-wrapper ul li strong {
    display: block;
    clear: both;
    margin: 10px 0;
}


/* layered nav */

.block-layered-nav .block-title {
    background: none;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    text-indent: 0;
    padding-bottom: 10px;
    border-bottom: 1px dashed #acacac;
}

.block-layered-nav .block-title strong span {
    color: #3e3e3e;
    font-size: 17px;
    text-transform: none;
}

.block-layered-nav dt {
    background: none;
    padding: 0;
    font-size: 15px;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    color: #434343;
    font-weight: 400;
    text-transform: none;
}

.block-layered-nav dt:first-child {
    padding: 7px 10px 0 0;
}

.block-layered-nav .block-content {
    background: none;
    border: none;
}

.block-layered-nav .block-content ul,
.block-layered-nav .block-content ol {
    /*list-style-type: disc;*/
    list-style-type: none;
    margin-left: 20px;
    /*margin: 5px 0 5px 20px;*/
    margin: 5px 0;
}

.block-layered-nav .block-content ul li a {
    /*color: #434343; /* issue #21174 */
    font-size: 13px;
    /* border: none; /* issue #21174 */
}

.block-layered-nav .block-content ul li a:hover,
.block-layered-nav .block-content ul li a:active {
    /* color: #666; /* issue #21174 */
}

.block-layered-nav .block-subtitle {
    background: none;
    color: #434343;
    font-size: 15px;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: none;
    padding: 0;
    border: none;
}

.block-layered-nav .block-subtitle {
    margin: 5px 0;
}

.block-layered-nav .currently ol {
    /*list-style: disc;*/
    list-style: none;
    /*margin-left: 30px;*/
    margin-left: 0px;
    /*color: #db4f08;*/
    color: #f39200;
}

.block-layered-nav .currently ol li {
    padding-left: 0;
}


/*
    .block-layered-nav ol li a,
    .block-layered-nav ol li a:link,
    .block-layered-nav ol li a:visited {
        color: #F39200;
        border-color: #FBD9A6;
    }

    .block-layered-nav ol li a:hover,
    .block-layered-nav ol li a:active {
        color: #f39200;
        border-color: #fbe1ba;
        text-decoration: none;
    }
*/

.btn-remove {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/icon-cancel.svg) no-repeat;
    width: 14px;
    height: 14px;
    border: none;
}

.btn-remove:hover {
    border: none;
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/icon-cancel-orange.svg") no-repeat;
}

.block-layered-nav .actions {
    background: none;
    border: none;
    padding-bottom: 12px;
    border-bottom: 1px dashed #acacac;
}


/* shared product lists */

.std .home-products-list > h2,
.block-related > h2,
.block-viewed > h2,
.block-related > .title_custom,
.block-viewed > .title_custom {
    color: #f39200;
    font-size: 26px;
    border-bottom: 3px solid #f39200;
    padding-bottom: 2px;
}

.std .home-products-list h2 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.std .home-products-list .title_custom {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #f39200;
    font-size: 26px;
    border-bottom: 3px solid #f39200;
    padding-bottom: 2px;
    line-height: 1.35;
}

.home-products-list .toolbar {
    display: none;
}

.home-products-list .category-products {
    margin-top: 10px;
    margin-bottom: 20px;
}

.home-products-list .category-products .products-grid,
.col1-layout .products-grid {
    width: 100%;
    padding: 0;
}

.spanband {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/spanband.png") no-repeat;
    height: 166px;
    width: 100%;
    background-size: 100%;
}


/* products-grid */

.toolbar {
    border-top: 1px solid #cfcfcf;
    padding: 10px 0 6px 0;
    color: #767676;
}

.toolbar-bottom .toolbar {
    border: none;
    font-size: 12px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
}

.toolbar .amount strong {
    color: #2f2f2f;
}

.toolbar .pager {
    background: none;
    float: left;
    border: none;
}

.toolbar .pager a {
    border: none;
}

.pager .pages {
    margin: 0 0 0 235px;
}

.toolbar .sorter {
    background: none;
    border: none;
    float: right;
}

.sorter .sort-by {
    padding-right: 0;
}

.sorter .sort-by a {
    border: none;
}

.products-grid {
    background: none;
    border-bottom: none;
    position: relative;
    /*background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/bg-products-grid.png) top left repeat-y;*/
}

.products-grid.first {
    /*border-top: 1px dashed #9f9f9f;*/
}

.products-grid.last {
    /*  border-bottom: 1px dashed #9f9f9f;*/
}

.products-grid li {}

.products-grid .item {
    border: 1px solid #fff;
    padding: 10px;
    position: relative;
    height: 100%;
}

.products-grid li:hover .item {
    border: 1px solid #c3c3c3;
}

.products-grid li.item .attributes {
    text-align: right;
}

.products-grid li.item .attributes img {
    margin-left: 3px;
}

.col2-left-layout .products-grid,
.col2-right-layout .products-grid {
    width: 100%;
}

.products-grid .product-name {
    font-size: 15px;
    font-weight: 700;
    color: #434343;
    /*position: absolute;*/
    /*bottom: 0;
    left: 10px;*/
    /*width: calc(100% - 10px);*/
    /*min-height: 60px;*/
    line-height: 1.35;
    padding-bottom: 6px;
}

.products-grid .product-name a {
    border: none;
}

.products-grid li .price-box {
    text-align: left;
    position: relative;
    padding-top: 20px;
}

.products-grid li .price-box .special-price {
    padding: 0;
}

.products-grid li p {
    margin-bottom: 0;
}

.products-grid li .price-box .old-price {
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: normal;
}

.products-grid li .price-box .price-excluding-tax {
    line-height: normal;
}

.products-grid li .config-prod-start-label {
    margin: 0;
    font-size: 17px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.products-grid li .price-box .old-price .price {
    font-weight: normal;
    font-size: 17px;
}

.products-grid li .price-box .price-including-tax {
    display: none;
}

.products-grid li .config-prod-start-label + .old-price + .special-price {
    padding-top: 26px;
}

.products-grid li .config-prod-start-label + .old-price {
    top: 26px;
}

.products-grid li .actions {
    position: static;
    margin-top: -50px;
    text-align: right;
    width: 197px;
    margin-bottom: 14px;
}

.products-grid li p.out-of-stock {
    margin-bottom: -5px;
    float: right;
}

.products-grid .link-learn {
    display: none;
    float: left;
}

.products-grid .actions button.button,
.products-grid .actions p.out-of-stock {
    float: right;
    clear: both;
}

.products-grid .actions button.button span {
    text-indent: -2000em;
}

.products-grid .actions button.button {
    height: 38px;
    padding: 6px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.products-grid .actions button.button:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/forklift_white.svg") no-repeat;
    width: 27px;
    height: 25px;
    background-size: 27px auto;
    display: block;
}

.products-grid .actions p.out-of-stock {
    background-color: #d9d9d9;
    width: 42px;
    height: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    margin: 0;
}

.products-grid .actions p.out-of-stock:before {
    font-family: "FontAwesome";
    content: "\f05e";
    color: #fff;
    font-size: 24px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -11px;
}

.products-grid .actions p.out-of-stock span {
    display: none;
}


/* price */


/* product list */

.products-list .product-shop {
    clear: both;
    margin: 0;
}

.products-list .product-image {
    float: left;
    width: 550px;
    height: 208px;
    display: block;
}

#products-list li.item {
    border: none;
    border-top: 1px dashed #acacac;
    margin-bottom: 15px;
    padding: 0;
    padding-top: 15px;
}

#products-list li.last {
    border-bottom: 1px dashed #acacac;
    margin-bottom: 0;
    padding-bottom: 15px;
}

#products-list li.item .infoWrap {
    position: relative;
    width: 684px;
    height: 208px;
    float: left;
}

#products-list li.item .attributes {
    float: right;
}

#products-list li.item .attributes img {
    display: block;
    clear: both;
    margin-top: 5px;
}

#products-list li.item .price-box {
    /*  position: absolute;
        bottom: 0;
        right: 0;*/
    margin: 0 20px 0 0;
    float: right;
    text-align: right;
}

#products-list li.item .price-box p.old-price {
    margin-right: 20px;
    margin-top: 7px;
    float: left;
}

#products-list li.item .price-box p.special-price {
    float: left;
}

.products-list .product-shop {
    padding-top: 20px;
}

#products-list li.item button.button {
    float: right;
    margin-top: 8px;
}

#products-list li .nameAndInfo {
    float: left;
    padding-top: 5px;
}

#products-list li .nameAndInfo h2 {
    float: left;
    margin-bottom: 0;
}

#products-list li .nameAndInfo h2 a {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #434343;
    border: none;
    text-decoration: none;
    font-size: 16px;
}

.products-list .desc {
    clear: none;
    float: left;
    padding-top: 4px;
    margin-left: 20px;
    margin-bottom: 0;
}

.form-list input.input-text {
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.form-list select {
    height: 30px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

a.link-learn {
    color: #7c7c7c;
    font-size: 12px;
    border-bottom: 1px solid #dbdbdb;
}

a.link-learn:hover {
    color: #8b8b8b;
    border-color: #ddd;
}

.products-list .out-of-stock {
    float: right;
    margin-top: 7px;
}

.block .block-content {
    background: none;
}

.block-subscribe input.input-text {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #5a5a5a;
}

.block-subscribe .actions {
    display: inline-block;
}

.block-subscribe button.button {
    margin-left: 3px;
}

.block-subscribe label {
    font-size: 13px;
}

.block-subscribe .actions button.button span {
    background: none;
}

.block-subscribe .input-box {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.block-subscribe .input-box .validation-advice {
    position: absolute;
    bottom: -55px;
    left: 0;
}


/* product view */

.product-view {
    border: none;
}

.product-view .product-essential .product-name {
    margin-bottom: 12px;
}

.product-view .product-shop {
    width: auto;
    float: none;
}

.col1-layout .product-view .product-shop {
    width: auto;
    float: none;
}

.product-essential {
    padding: 0;
    background: none;
    margin-bottom: 40px;
}

.product-view .product-img-box {
    position: relative;
}

.product-view .attributes {
    margin-bottom: 2em;
    /*border-bottom: 2px solid #f39200;*/
    /*TODO 20180427*/
}

.add-to-box .add-to-cart {
    float: none;
}

.product-view .attributes img {
    margin: 0;
}

.product-view .attributes a {
    display: inline-block;
    border: none;
    margin: 0 8px 8px 0;
    /*TODO 20180427*/
}

.product-view .product-img-box .more-views {
    z-index: 995;
}

.media_tabs li a {
    padding-bottom: 3px;
}

.media_tabs li a {
    border: none;
    background: #F39200;
    color: #fff;
    text-transform: lowercase;
}

.media_tabs li.active a {
    background: #fff;
    color: #333;
}

.price-box {
    text-align: right;
}

.product-view .product-img-box .more-views ul li a {
    border: 1px solid #b6b6b6;
}

.product-view .product-img-box .more-views ul li a:hover {
    border-color: #c5c5c5;
}

.product-view .product-img-box .product-image-zoom {
    width: 280px;
    height: 280px;
}

.product-collateral {/*TODO 20180516*/
    padding: 2em 0 0 0;
    background: none;
    border-top: 2px solid #f39200;
}





/*TODO 20180516*//*.product-collateral h2 {
    font-size: 13px;
    font-weight: bold;
    color: #2f2f2f;
    border: none;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/icon-specifications.svg) left 21px no-repeat;
    background-size: 16px;
    margin: 0;
    padding: 20px 20px 15px 26px;
    display: none;
}*/

.product-collateral strong {
    color: #f39200;
}

.box-description h2 {
    display: none;
}

ul.media-tabs {
    display: none;
}

.product-view .data-table {
    border: none;
}

.product-view .data-table .even {
    background-color: transparent;
}

.product-view .data-table th {
    font-weight: 400;
    border: none;
    padding-left: 0;
    padding-left: 36px;
    position: relative;
}

.product-view .data-table th:before,
.short-description ul li:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/box-check.svg") no-repeat;
    background-size: 22px 20px;
    width: 22px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
}

.short-description {
    border-bottom: 2px solid #f39200;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-right: 20px;
}

.short-description ul li {
    display: block;
    position: relative;
    padding-left: 36px;
    margin-bottom: 8px;
}

.product-view .data-table td.data {/*TODO*/
    font-weight: normal;
    border: none;
    padding: 3px 0 6px 10px;
    vertical-align: top;
}

.product-view .data-table th.label {/*TODO*/
    padding: 3px 10px 6px 36px;
    vertical-align: top;
}

.main .block-viewed {
    margin-bottom: 0;
}

.col1-layout .main .block-viewed {
    padding: 20px 0;
}

.block-viewed #recently-viewed-items {
    text-align: center;
}

.block-viewed #recently-viewed-items li {
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 15px 14px 15px 14px;
    display: inline-block;
    vertical-align: top;
    margin-right: -.25em;
    text-align: left;
    min-height: 0;
}

@media screen and (min-width: 480px) {
    .block-viewed #recently-viewed-items li {
        width: 33%;
    }
}

@media screen and (min-width: 769px) {
    .block-viewed #recently-viewed-items li {
        width: 20%;
    }
}

.col1-layout .block-viewed #recently-viewed-items li {
    padding-left: 13px;
}

.block-viewed #recently-viewed-items li:first-child {}

#recently-viewed-items li a.product-image,
#recently-viewed-items li a.product-image img {
    width: 100%;
    height: auto;
}

#recently-viewed-items li.odd,
#recently-viewed-items li.even {
    background: none;
}

#recently-viewed-items {
    background: none;
    width: 100%;
}

.block-viewed .block-title {
    background: none;
    color: #F39200;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    padding: 0 0 12px 0;
}

.block-viewed .block-title strong span {
    color: #0A263C;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}

.product-view .pdp-column .out-of-stock {
    display: block;
    float: right;
    width: 252px;
}

.product-view .pdp-column .price-box {
    display: block;
    float: right;
}

.product-view .pdp-column .config-prod-start-label {
    display: none;
}

.product-view.configurable .product-options-bottom {
    position: relative;
    margin-top: 20px;
}

.product-view .pdp-column .add-to-cart {
    min-height: 80px;
}

.product-view.configurable .product-options-bottom .price-box {
    display: none;
    float: none;
}

.product-view.configurable .product-options-bottom .add-to-cart {
    display: block;
    float: none;
    margin-top: 30px;
}

.product-view .product-shop .price-box {
    text-align: left;
    margin-top: 0;
}

.product-view.configurable .product-options-bottom .add-to-cart .price-box {
    display: block;
    text-align: left;
}

.product-options {
    margin-top: 0px;
}

.product-options-bottom,
.product-options {
    background: none;
    border: none;
    padding: 0;
}

.add-to-cart .qty {
    margin-right: 0;
}

.offerte-block {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/pricetag.svg) center left no-repeat;
    background-size: 40px;
    padding-left: 52px;
    width: 252px;
    float: right;
    min-height: 40px;
    margin-top: 30px;
}

.offerte-block span {
    color: #f39200;
}

.product-options dt {
    padding-top: 0;
}

.product-options dl dd {
    padding: 0;
}

.configurable-options {
    position: relative;
}

.product-options p.required {
    position: static;
}

.product-extra-info {
    margin-bottom: 20px;
}

.product-extra-info table tr td {
    padding: 4px;
}


/* related */

.block-related {
    border: none;
    background: none;
    width: 100%;
}

.block-related .block-content a.details,
.block-related .block-title .block-subtitle a {
    float: right;
    margin-top: -18px;
    color: #d64a03;
    border-bottom: 1px solid #e1b199;
    font-size: 13px;
}

.block-related .block-title .block-subtitle a {
    margin-top: 0;
}

.block-related .block-content a.details:hover,
.block-related .block-title .block-subtitle a:hover {
    border-color: #e87033;
    color: #e87033;
}

.block-related .block-title,
.block-related .block-title span,
.block-related .block-title strong {
    background: none;
    border: none;
    padding: 10px 0;
}

.block-related .block-title strong,
.box-up-sell h2 {
    font-size: 15px;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    color: #f39200;
    font-weight: 400;
    text-transform: none;
}

.block-related .block-title .block-subtitle {
    float: right;
    margin-top: 4px;
    font-size: 12px;
    color: #7a7a7a;
    font-weight: 400;
}

.block-related .block-content,
.block-viewed .block-content {
    background: none;
    margin-top: 10px;
}

.block-related .block-content ol {
    margin-bottom: 20px;
}

.block-related ol li,
.block-related .block-content li.item {
    float: left;
    background: none;
    border: 1px solid #cccccc;
    width: 126px;
    margin-left: 10px;
    padding: 0;
    position: relative;
}

.block-related .block-content ol li:first-child {
    margin-left: 0;
}

.block-related ol li .product-image {
    display: block;
    width: 100%;
    float: none;
    border: none;
    border-bottom: 1px solid #ccc;
}

.block-related .product {
    margin: 0;
}

.block-related ol li .product-details {
    margin-left: 0;
    padding: 10px 10px;
    min-height: 76px;
    background: #f8f8f8;
}

.block-related input.checkbox {
    float: none;
    position: absolute;
    top: 106px;
    left: 10px;
}

.block-related .block-content .product-name a {
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 700;
    border: none;
}


/* upsell */

#upsell-product-table {
    background: none;
}

#upsell-product-table tr,
#upsell-product-table tr td {
    background: none;
}

.product-view .box-up-sell .products-grid {
    border-color: #ccc;
}

.product-view .box-up-sell .products-grid td {
    border-color: #ccc;
}

.product-view .box-up-sell .products-grid td img {
    border: none;
}


/* price - product-shop */

.price-including-tax .price {
    font-size: 16px;
    color: #f39200;
    font-weight: 700;
}

.price-excluding-tax .price {
    font-size: 13px;
    color: #5c5c5c;
    font-weight: 700;
}

.products-grid li .price-excluding-tax .price,
.products-grid li .regular-price .price,
.products-grid li .special-price .price {
    color: #F39200;
    font-size: 28px;
}

.regular-price {
    color: #F39200;
}

.products-grid li .special-price {
    line-height: normal;
}

.products-grid li .price-excluding-tax .label {
    display: block;
    text-align: left;
}

.price-including-tax .label,
.price-excluding-tax .label {
    color: #7c7c7c;
    font-size: 10px;
}

.special-price {
    line-height: normal;
}

.special-price .price {
    color: #F39200;
    font-size: 28px;
}

.catalog-product-view .price-box .price {
    color: #F39200;
    font-size: 28px;
    line-height: 28px;
}

.catalog-product-view .price-box + .price-box .price {
    font-size: 13px;
}

.old-price .price {
    font-size: 17px;
    font-weight: normal;
    color: #616161;
}

.catalog-product-view .old-price .price {
    color: #616161;
}

.add-qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    /*flex-wrap: wrap;*/
}

.qty-box {
    margin-bottom: 8px;
}

.add-to-cart label {
    font-weight: 400;
    font-size: 12px;
    color: #686868;
    margin-top: 7px;
    float: none;
}

.add-to-cart .qty {
    float: none;
    background: #f5f5f5;
    border: 1px solid #e38d0b;
    text-align: center;
    width: 42px !important;
    height: 44px;
    line-height: 44px;
    padding: 0;
}

.add-to-cart button.button {
    /*float: right;*/
    margin-left: 8px;
}

.catalog-product-view .swiper-container {
    max-width: 420px;
    width: 100%;
}

.swiper-slide {
    width: 100% !important;
}


/* account */

.account-login .content {
    background: none;
    border: none;
    padding-top: 0;
}

.account-login .col-1 .content {
    padding: 0;
}

.account-login .col-2 .content {
    border-left: 1px solid #ededed;
    padding: 0;
    padding-left: 28px;
}

.account-login .buttons-set {
    background: none;
    border: none;
}

.account-login .col-2 .buttons-set {
    border-left: 1px solid #ededed;
}

.account-login .content h2 {
    border-color: #ededed;
    color: #f39200;
    text-transform: none;
    font-size: 18px;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
    background-position: left 3px;
    background: none;
    padding-left: 0;
}

.fieldset {
    background: none;
    border: none;
    padding: 0;
}

.fieldset .legend {
    margin: 0;
    padding: 0;
    padding-bottom: 6px;
    background: none;
    border: none;
    display: block;
    clear: both;
    float: none;
    font-size: 15px;
    color: #f39200;
}

input.input-text:focus,
select:focus,
textarea:focus {
    background-color: #fdfdfd;
}

.box-account {
    background: none;
    border: none;
    padding: 0;
}

.box-account .box-head h2 {
    color: #f39200;
    font-size: 15px;
    padding-left: 0;
    background: none;
}

.dashboard .box-recent .box-head h2 {
    background: none;
}

.dashboard .box-info .box-head h2 {
    background: none;
    padding-left: 0;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
}

.dashboard .box .box-title {
    background: none;
    border-bottom: none;
}

.dashboard .box .box-title h3 {
    color: #2f2f2f;
}

.sales-order-history .pager,
.customer-account-index .pager {
    border-top: none;
}

#my-orders-table .nobr {
    white-space: normal !important;
}

#my-orders-table .separator {
    display: none;
}

#my-orders-table.tablesaw-stack td .tablesaw-cell-label,
#my-orders-table.tablesaw-stack th .tablesaw-cell-label {
    width: 50%;
}

#my-orders-table.tablesaw td,
#my-orders-table.tablesaw tbody th {
    font-size: 1em;
}

.link-reorder {
    color: #F39200 !important;
}

.link-reorder:hover {
    color: #f39200 !important;
}

.box-account .box-head {
    border-color: #ededed;
}

.block-account {
    border: none;
}

.block-account .block-title {
    background: none;
    color: #2f2f2f;
    padding: 3px 0;
    border-bottom: 1px solid #ededed;
}

.block-account .block-title strong {
    color: #2f2f2f;
    text-transform: none;
    font-size: 17px;
}

.block-account .block-content {
    background: none;
    padding: 7px 0;
}

.block-account .block-content ul li a {
    color: #434343;
}

.block-account .block-content ul li a:hover,
.block-account .block-content ul li a:active {
    color: #F39200;
}

.block-account .block-content li.current {
    color: #F39200;
}

.block {
    border: none;
}

.block-account .block-content li.current {
    border-color: #ededed;
}

.block-account .block-content li a {
    border-color: #ededed;
}


/* tables */

.data-table .odd {
    background: #fff;
}

.data-table .even {
    background: #f9f9f9;
}

.data-table td {
    padding: 6px 8px 3px;
}

.data-table thead th {
    background: #dedede;
    color: #434343;
    border-color: #ccc;
}

.data-table tfoot tr {
    background: #ededed !important;
}

.data-table tfoot tr.first td {
    background: none;
}

.cart .totals {
    background: #ededed;
    border-color: #dedede;
}

.cart .discount,
.cart .shipping {
    background: none;
    border-color: #ededed;
}

.cart .discount h2,
.cart .shipping h2 {
    background: none;
    padding-left: 0;
    color: #f39200;
    text-transform: none;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
}

.cart .discount button span,
.cart .shipping button span {
    background: none;
    border: none;
}

button.btn-checkout span {
    height: auto;
    line-height: 33px;
}


/* checkout */

.checkout-cart-index .testimonialsWrapper {
    /*margin-top: 42px;*/
}

.btn-remove2 {
    border: none;
}

.onestepcheckout-threecolumns p.onestepcheckout-numbers {
    padding: 0;
    background-image: none;
    margin-bottom: 10px;
}

.onestepcheckout-threecolumns p.onestepcheckout-numbers:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-color: #F39200;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
}

.onestepcheckout-threecolumns p.onestepcheckout-numbers-1:before {
    content: "1";
}

.onestepcheckout-threecolumns p.onestepcheckout-numbers-2:before {
    content: "2";
}

.onestepcheckout-threecolumns p.onestepcheckout-numbers-3:before {
    content: "3";
}

.onestepcheckout-threecolumns p.onestepcheckout-numbers-4:before {
    content: "4";
}

.cart .crosssell {
    background: none;
    border-color: #ededed;
}

.cart .totals {
    max-width: 400px;
    width: 100%;
    margin-bottom: 30px;
}


/* content pages */

.std ul,
.accordion-content .answer ul {
    list-style: disc;
    margin-left: 30px;
}

.std ol,
.accordion-content .answer ol {
    list-style: decimal;
    margin-left: 30px;
}

.accordion-content .answer ul,
.accordion-content .answer ol {
    margin-left: 40px;
}

.std ul li,
.std ol li {
    margin: 3px 0;
}

.std h2 {
    font-size: 16px;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.std h3 {
    font-size: 14px;
    color: #F39200;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.std h4 {
    font-size: 14px;
    color: #333;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.std table {
    border: none;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

.std table tr td {
    padding: 2px 4px;
    border: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #bbb;
}


/* exceptions */

body.cms-devis-sur-mesure .std ul,
body.cms-vraag-een-offerte-aan .std ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* contact form */

.contact-container {
    background: none;
    color: #fff;
    text-align: left;
    background-color: #474747;
}

.contact-container .needMoreInfo,
.contact-container .loveToHelp {
    float: right;
    margin: 12px 20px 0 0;
    font-weight: 700;
    font-size: 16px;
}

.contact-container .loveToHelp {
    display: none;
}

.contact-container .loveToHelp.show {
    display: block;
}

.contact-container .needMoreInfo.hide {
    display: none;
}

.contact-container a.toggleContact {
    display: block;
    float: right;
    background: none;
    color: #f39200;
    font-size: 16px;
    padding: 0 14px;
    height: 47px;
    line-height: 47px;
    font-weight: 700;
    border: 1px solid #f39200;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.contact-container a.toggleContact span {
    padding-right: 20px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/arrow-orange-down.png) right 8px no-repeat;
}

.contact-container a.toggleContact.shown span {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/arrow-orange-up.png);
}

#contactFormWrap {
    border-top: 2px solid #f39200;
    background: #474747;
}

#contactFormWrap .contactInfo p {
    padding-bottom: 12px;
}

#contactFormWrap .contactInfo h3 {
    color: #fff;
}

#contactFormWrap .contactInfo a {
    border: none;
}

#contactFormWrap .form label {
    color: #fff;
    font-weight: 400;
}

#contactFormWrap .form label.required em {
    color: #fff;
    font-weight: 400;
    position: static;
    float: none;
    margin-right: 8px;
}

#contactFormWrap .form-list .fields {
    clear: both;
}

#contactFormWrap #captcha_contact_form_bottom {
    max-width: 200px;
}

#contactFormWrap .form-list li {
    margin-bottom: 11px;
}

#contactFormWrap .form-list li.wide .input-box,
#contactFormWrap .form-list input.input-text {
    width: 100%;
}

#contactFormWrap .form-list li .field {
    position: relative;
}

#contactFormWrap .form-list .input-box {
    clear: none;
    display: inline-block;
}

#contactFormWrap .form-list input.input-text,
#contactFormWrap .form-list select {
    background: #545454;
    color: #fff;
    border: 1px solid #765b34;
}

#contactFormWrap .form-list select {
    max-width: 246px;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 30px;
}

#contactFormWrap .form-list .input-box.captcha {
    float: none;
    clear: both;
}

#contactFormWrap .form-list li.wide textarea {
    background: #545454;
    color: #fff;
    width: 100%;
    border: 1px solid #765b34;
}

.form-list label.newsletter {
    float: none;
    margin: 0 0 0 10px;
    display: block;
}

.col-main label.newsletter {
    margin-top: 23px;
    margin-left: 20px;
}

.form-list input#newsletter {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

.col-main .form-list input#newsletter {
    /*margin-top: 27px;*/
}

#contactFormWrap .form-list input.input-text:focus,
#contactFormWrap .form-list li.wide textarea:focus,
#contactFormWrap .form-list select:focus {
    border-color: #bc7a17;
    background: #676767;
}

#contactFormWrap .form-list li div.validation-advice {
    float: none;
    padding-left: 0;
    background: none;
}

.validation-failed {
    border: 1px solid #eb340a !important;
}

#contactFormWrap .validation-failed {
    background: #545454 !important;
}

#contactFormWrap .buttons-set {
    border: none;
    margin: 2em 0 0 0;
}

#contactFormWrap .fieldset {
    margin-top: 0;
}

#contactFormWrap .fieldset h2.legend {
    color: #fff;
    padding: 0 0 12px 0px;
}

#contactFormWrap .fieldset .legend.title_custom {
    color: #fff;
    padding: 0 0 12px 0px;
    line-height: 1.35;
}

#contactFormWrap .container {
    padding: 20px 0 0 0;
}

#contactFormWrap #contactForm .buttons-set button.button {
    float: left;
    margin-left: 0px;
}


/* news */

.news-pages-pages ul.categories {
    float: left;
}

.news-pages-pages ul.categories ul {
    list-style-type: disc;
    margin: 10px 0 10px 30px;
}

.news-pages-pages ul.categories > li a {
    border: none;
    color: #0A263C;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}

#news {
    clear: both;
}

#articles {
    float: right;
    width: 670px;
    padding-left: 30px;
    border-left: 1px solid #ededed;
}

#articles h3 a {
    border: none;
    color: #0A263C;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}

#articles h3 a:hover {
    color: #F39200;
}

#articles .latest-article {
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

#articles .article {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ededed;
}

#articles .old-articles .article:first-child {
    border: none;
}

.padpara h1 {
    font-size: 20px;
}

span.date {
    display: block;
    font-size: 11px;
    color: #666;
    margin-bottom: 5px;
}

.padpara .pdf {
    margin-top: 20px;
}


/* footer */

.footer-container {
    border: none;
    background: #373737;
    color: #fff;
    font-size: 12px;
    text-align: left;
    position: relative;
    border-top: 1px solid #f39200;
}

.footer-container .copyLinks {
    padding: 13px 0;
}

/*.footer-container hr {
    color: #414141;
    background-color: #414141;
    border: none;
    height: 1px;
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
}*/

.copyLinks address span {
    font-weight: 700;
}

.copyLinks address {
    margin: 0;
}

.footer-container .footer {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/footer-swirl.png) no-repeat 32px top;
    padding-bottom: 50px;
}

.footer .footer-logo {
    float: left;
    width: 160px;
    padding-top: 33px;
}

.footer .footer-logo img {
    float: left;
    margin-top: 10px;
}

.footer .adress {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dashed #4b4b4b;
    clear: both;
}

.footer .adress ul {
    float: left;
    padding-top: 8px;
}

.footer .adress a.se {
    float: right;
    border: none;
    color: #fff;
}

.footer .adress a.se span {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 11px;
}

/*.footer a:hover {
    text-decoration: none;
}*/

.footer .adress ul li {
    display: inline-block;
    padding: 0 5px;
    border: none;
    background: none;
    border-left: 1px solid #ddd;
    color: #efefef;
    font-size: 11px;
    line-height: 1;
}

.footer .adress ul li:first-child {
    border: none;
}

.footer .sitemap a {
    color: #efefef;
    border: none;
    text-decoration: none;
}

.footer .sitemap a:hover,
.footer .sitemap a:active {
    border-bottom: 1px solid #fafafa;
}

.footer .methods ul {
    text-align: right;
}

.footer .methods li {
    margin: 0 0 10px 10px;
    display: inline-block;
}

.footer {
    position: relative;
}

.footer li {
    display: block;
    background: none;
    padding: 2px 0;
}

.footer .methods .shipping img {
    width: auto;
}

.footer .methods .commerce {
    margin-right: 40px;
}

.footer .methods .commerce img {
    margin-left: 10px;
}

.footer .sitemap .colm-grid > div > ul > li {
    font-weight: 700;
}

.footer .sitemap .colm-grid > div > ul > li > ul {
    margin-bottom: 0;
    font-weight: normal;
    margin-top: 20px;
}


/* fixes */

#nav ul li,
#nav ul li.active {
    background: none;
}

.block-layered-nav dd {
    background: none;
    padding-left: 0;
}

.onsale-product-container-inside {
    background-repeat: no-repeat;
}

.onsale-product-container {}

.maatwerk-label {
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 10;
    max-width: 60px !important;
}

.std ul.nobullet {
    list-style: none;
    margin: 0;
}

.clear {
    clear: both;
    height: 0px;
}

.pdp-column {
    width: 342px;
    float: left;
}

.product-view .product-img-box {
    width: auto;
    float: none;
}

.configurable-options .config-prod-start-label {
    display: block;
    float: none;
}

.config-prod-start-label {
    margin: 2px 5px 0 0px;
    color: #7c7c7c;
    font-size: 17px;
}

.config-prod-start-label:after {
    clear: both;
}

.old-price,
.price-including-tax {
    clear: both;
}

button.btn-cart {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    text-shadow: none;
    text-transform: uppercase;
    position: relative;
}

.product-options-bottom button.btn-cart {
    height: 44px;
    background-color: #59b4eb;
}

.product-options-bottom button.btn-cart:hover {
    background-color: #71bfee;
}

.product-options-bottom button.btn-cart:after {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/forklift_white.svg") no-repeat;
    background-size: 24px 23px;
    width: 24px;
    height: 23px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.product-options-bottom button.btn-cart span {
    padding: 0 44px 0 16px;
}

.product-options-bottom button.btn-cart span span {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
}

button.btn-cart span span {
    text-shadow: none;
}

.offerte-block p {
    font-size: 12px;
}

.product-options dt label {
    font-weight: normal;
}

.product-view .price-including-tax .price {
    font-size: 20px;
}

.product-view .price-excluding-tax .price {
    font-size: 16px;
}

.product-view .old-price .price {
    font-size: 17px;
}

.widget-static-block .bx-viewport {
    border: solid #ccc 1px;
}

.homeLinks h2 a:hover {
    color: #f39200;
}

.product-collateral .box-description {
    margin-bottom: 0px;
    padding: 0 20px 0 20px;
    font-size: 14px;
}

.product-options dt label.required {
    color: #686868;
}

.product-options dt label.required em {
    color: #f39200;
}

.product-options p.required {
    color: #686868;
}

.product-options p.required em {
    color: #f39200;
}

.product-view .pdp-column .price-box {
    text-align: right;
}

#onestepcheckout-login-popup div.onestepcheckout-popup-contents {
    position: relative;
}

#onestepcheckout-login-popup p.close,
#onestepcheckout-toc-popup p.close {
    right: 0px!important;
    bottom: 0px!important;
}


/* home categories */

#homeCategories ul,
#homeCategories ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#homeCategories a {
    display: block;
    border-bottom: none;
}

#homeCategories .colm1-4 a,
#homeCategories .colm1-3 a {
    border: 1px #ff9900 solid;
    height: 160px;
}

#homeCategories img {
    max-height: 148px;
    width: auto;
    margin-bottom: 0;
    margin: 0 auto;
}

#homeCategories a.subcatbox div.title {
    line-height: 12px;
    color: #000;
    font-family: 'Signika';
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    line-height: 19px;
    text-align: center;
}

#homeCategories a.subcatbox div.title span {
    position: relative;
    top: -6px;
}

#homeCategories a.subcatbox div.title:before {
    content: " ";
    width: 20px;
    height: 20px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/subcatboxtitlebg.svg) no-repeat center left;
    margin-right: 10px;
    display: inline-block;
}

#homeCategories a.catbox {
    position: relative;
}

#homeCategories a.catbox div.title {
    height: 26px;
    line-height: 26px;
    color: #FFF;
    font-family: 'Signika';
    font-size: 12px;
    text-transform: uppercase;
    background: #ff9900;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    bottom: 5px;
    right: 0px;
}

#homeCategories a.catbox div.title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #ff9900;
    top: 0px;
    right: -13px;
}

a.bpost-btn-overlay {
    border-bottom: none;
}

div.selector.disabled span,
div.selector.disabled.active span {
    color: #666!important;
}

.products-grid .minimal-price-link {
    display: none;
}

#onestepcheckout-li-password label {
    font-size: 12px;
}

.checkout-cart-index .shipping {
    display: none;
}

.order-desc {
    font-size: 12px;
    padding-top: 8px;
    color: #666;
}

.onestepcheckout-coupons {
    margin-top: 12px;
    margin-bottom: 20px;
}

.checkout-cart-index #discount-coupon-form {
    display: block;
}

.coupon-code-toggle {
    font-weight: bold;
    padding-right: 5px;
}

.coupon-code-container {
    display: none;
    margin-bottom: 20px;
}

.coupon-code-container.show {
    display: block;
}

.blog-index-list .postDetails,
.blog-post-view .postDetails {
    display: none;
}

.bpost-radio-btn-label span {
    color: #f39200;
    border-bottom: 1px solid #fbd9a6;
}

.bottom-20 {
    margin-bottom: 20px;
}

.bottom-10 {
    margin-bottom: 10px;
}

.info-icon {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-bottom: .5em;
}

.info-icon-button {
    font-family: serif;
    font-weight: bold;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #eeeeee;
    border: 1px #000000 solid;
    color: #000000;
    border-radius: 8px;
}

.info-icon-popup {
    position: absolute;
    bottom: 28px;
    right: -16px;
    display: none;
    border-radius: 3px;
    padding: 5px;
    background: #ffffff;
    border: 1px #000000 solid;
    width: 240px;
    z-index: 500;
}

.block.block-reorder {
    margin-bottom: 50px;
}

.block.block-reorder .product-name,
.block.block-reorder .product-name a {
    color: #f39200;
}

.block.block-reorder li.item {
    font-size: 13px;
    padding-left: 0;
}

.block.block-reorder li.item a {
    color: #2f2f2f;
}

.block.block-reorder li.odd {
    background-color: transparent;
}

.block.block-reorder .block-title {
    background-color: #202020;
    color: #fff;
    display: block;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 14px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.block.block-reorder .block-title strong {
    font-size: 14px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #fff;
    padding-left: 38px;
    text-transform: none;
    padding-top: 0;
    position: relative;
}

.block.block-reorder input.checkbox {
    margin: 3px -20px 0 0;
}

.block.block-reorder .block-title strong:before {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/reorder.svg") no-repeat;
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 0;
}

.block.block-reorder .block-content {
    background-color: #f9f9f9;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 15px;
}

.block.block-reorder .button {
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-shadow: none;
    text-transform: uppercase;
    float: none !important;
    height: auto;
    padding: 8px 14px;
    font-weight: 600;
}

.block.block-reorder .button span {
    font-size: 13px;
    padding: 0;
}

.block.block-reorder .block-title a {
    font-size: 13px;
}

.block.block-reorder .actions {
    background: transparent;
    text-align: left;
    margin-top: 15px;
    padding: 0;
}

.block.block-reorder .actions a {
    float: none;
}

.block.block-reorder .actions .reorder-full {
    padding-left: 24px;
    font-size: 13px;
    position: relative;
    margin: 24px 0 0 0;
}

.block.block-reorder .actions .reorder-full:before {
    content: "\f05a";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 18px;
}

.info-icon:hover .info-icon-popup {
    display: block;
}

.info-icon-popup:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    bottom: -11px;
    right: 10px;
    z-index: 5;
}

.info-icon-popup:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #000000;
    bottom: -12px;
    right: 10px;
}

.onestepcheckout-coupons {
    margin-top: 12px;
    margin-bottom: 20px;
}

.checkout-cart-index #discount-coupon-form {
    display: block;
}

.coupon-code-toggle {
    font-weight: bold;
    padding-right: 5px;
}

.coupon-code-container {
    display: none;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.coupon-code-container.show {
    display: block;
}


/* Facebook likebox */

#fb-container {
    position: fixed;
    top: 40%;
    left: -1px;
    z-index: 99;
    display: none;
}

html:lang(nl) #fb-container {
    display: block;
}

#fb-container > a {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/fb.png") no-repeat;
    width: 40px;
    height: 38px;
    display: block;
    border-bottom: none;
    position: relative;
    z-index: 2;
}

.fb-like-box {
    background-color: #fff;
    border-top: 1px solid #d8dddf;
    border-right: 1px solid #d8dddf;
    border-bottom: 1px solid #d8dddf;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    right: 40px;
    top: -20px;
    z-index: 1;
}

.fb-share {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/Facebook.svg") no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-bottom: none;
    margin: 10px 0 0 6px;
    float: right;
}

.footer .languages {
    display: none;
}

.tw-share {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/Twitter.svg") no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-bottom: none;
    margin: 10px 0 0 6px;
    float: right;
}

.li-share {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/LinkedIn.svg") no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-bottom: none;
    margin: 10px 0 0 6px;
    float: right;
}

.pi-share {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/Pinterest.svg") no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-bottom: none;
    margin: 10px 0 0 6px;
    float: right;
}

.email-share {
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/Email.svg") no-repeat;
    width: 34px;
    height: 30px;
    display: block;
    border-bottom: none;
    margin: 10px 0 0 0;
    float: right;
}

.fb-share:hover,
.tw-share:hover,
.li-share:hover,
.pi-share:hover,
.email-share:hover {
    border-bottom: none;
    opacity: .8;
}

#holiday {
    margin-bottom: 20px;
    display: none;
}


/* added-to-cart-popup */

.added-to-cart-popup a.btn {
    float: none;
    margin: 0 .5em;
    display: inline-block;
}

.added-to-cart-popup a.btn:first-child {
    margin-left: 0;
}

.added-to-cart-popup a.btn:focus {
    overflow: visible;
}

.added-to-cart-popup-wrapper {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 202999;
}

.footer .wrapper.usp {
    display: none;
}

.added-to-cart-popup {
    text-align: left;
    background: #fff;
    color: #2f2f2f;
    width: 480px;
    min-height: 160px;
    position: absolute;
    left: 50%;
    margin-left: -240px;
    top: 50%;
    margin-top: -80px;
    box-sizing: border-box;
    padding: 20px;
}

.added-to-cart-popup p {
    margin-bottom: 20px;
}

.added-to-cart-popup #added-to-cart-message {
    padding-right: 64px;
    background: transparent url(https://www.metaltis.be/skin/frontend/metaltis/default/images/checkmark.png) top right no-repeat;
}

.added-to-cart-popup #added-to-cart-message h3 {
    color: #6f892b;
}

.added-to-cart-popup .product-details {
    overflow: hidden;
    margin-bottom: 15px;
}

.added-to-cart-popup .product-details .product-name {
    padding-left: 64px;
    padding-top: 18px;
}

.added-to-cart-popup .product-details .product-image {
    width: 56px;
    float: left;
}

.added-to-cart-popup .product-details .product-image img {
    max-width: 100%;
    height: auto;
}


/* reviews  */

.product-view .product-shop .rating-links,
.product-view .product-shop .no-rating {
    text-align: right;
    clear: both;
}

.review-product-list .product-view .product-shop .no-rating {
    display: none;
}

#customer-reviews .form-add h2,
#customer-reviews .form-add h3,
#customer-reviews .form-add h4 {
    line-height: 2;
}

.box-reviews .ratings-table {
    float: none;
}

.block-faqs {
    background-color: #fcfbf9;
    margin: 0 0 50px 0;
}

.catalog-category-view .block-faqs,
.catalogsearch-result-index .block-faqs,
.catalog-product-view .block-faqs {
    margin-top: 50px;
}

.block-faqs .block-title {
    background-color: #f29200;
    border: 1px solid #c27200;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 13px 14px 13px 46px;
    position: relative;
}

.block-faqs .block-title:before {
    content: "\f059";
    font-family: "FontAwesome";
    position: absolute;
    font-size: 20px;
    left: 16px;
    top: 50%;
    margin-top: -16px;
    color: #fff;
}

.video-box {
    display: inline-block;
    max-width: 340px;
    width: calc(100% - 77px);
}

.block-faqs .block-title strong {
    color: #fff;
    text-transform: none;
    font-size: 16px;
    padding-top: 0;
}

.block-layered-nav {
    display: none;
}

.block-faqs .menu {
    border: 1px solid #c4c4c4;
    border-top: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 14px 20px;
}

.add-to-cart > br {
    display: none;
}

.block-faqs .menu li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 5px;
}

.fr-window canvas {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    visibility: hidden !important;
}

.toggle-lnav {
    display: none;
}

.video-object {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    top: -25px;
}

.video-object iframe {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
}

.layered-nav {
    margin-bottom: 50px;
}

.layered-nav.mobile {
    display: none;
}

.layered-nav > ul > li > ul {
    display: none;
}

.layered-nav > ul > li > ul.show {
    display: block;
}

.layered-nav > ul > li {
    border-bottom: 1px solid #ececec;
    padding: 8px 0;
}

.layered-nav > ul > li h3 {
    font-weight: 600;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}

.layered-nav > ul > li .category-title {
    font-weight: 600;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 1.35;
}

.category-description .mobile {
    display: none;
}

.layered-nav > ul > li:hover h3,
.layered-nav > ul > li:hover .category-title {
    color: #f39200;
}

.layered-nav > ul > li h3:after,
.layered-nav > ul > li .category-title::after {
    content: "\f107";
    font-family: "FontAwesome";
    position: relative;
    top: 2px;
    margin-left: 10px;
    font-weight: normal;
    font-size: 20px;
}

.layered-nav > ul > li .category-title.show,
.layered-nav > ul > li h3.show {
    color: #f39200;
}

.layered-nav > ul > li .category-title.show:after,
.layered-nav > ul > li h3.show:after {
    content: "\f106";
}

.layered-nav > ul > li.active .category-title,
.layered-nav > ul > li.active h3 {
    color: #f39200;
}

.layered-nav > ul > li.active > ul > li.active a {
    color: #f39200;
}

.layered-nav > ul > li.active > ul {
    display: block;
}

.layered-nav > ul > li.active h3:after,
.layered-nav > ul > li.active .category-title:after {
    content: "\f106";
}

.layered-nav > ul > li h3.show:after,
.layered-nav > ul > li .category-title.show:after {
    content: "\f106";
}

.layered-nav > ul > li > ul {
    margin: 10px 0 10px 10px;
}

.layered-nav > ul > li > ul a {
    color: #666e71;
    font-size: 14px;
    padding: 2px 0;
    display: inline-block;
    border-bottom: none;
}

.layered-nav > ul > li > ul:hover {
    color: #f39200;
    border-bottom: none;
}

.block-faqs .menu li:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    font-size: 24px;
    width: 5px;
    height: 5px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #333333;
}

.main-container > .reorder {
    display: none;
}

.captcha-reload {
    top: 38px;
    left: 270px;
    z-index: 99;
}

label[for=country] {
    margin-right: 20px;
}

.captcha-image img {
    width: auto;
    max-width: 260px;
}

.open-contact {
    display: none;
}

.footer .shipping {
    display: none;
}

.footer .payment {
    text-align: right;
}

.footer .payment strong,
.footer .shipping strong {
    margin-bottom: 14px;
    display: block;
}

.footer .shipping img {
    display: none;
}

.footer .shipping:after {
    content: "";
    background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/bpost.svg") no-repeat;
    width: 74px;
    height: 44px;
    display: block;
}

.checkout-cart-index input.qty {
    text-align: center;
}

.checkout-cart-index .mobile-delete,
.checkout-cart-index .item-options br {
    display: none;
}

.cart .totals .checkout-types {
    padding: 8px 15px 4px;
}

.sales-order-history .block.block-reorder {
    display: none;
}

.cms-index-index .col-main > .std > p {
    display: none;
}

.cms-index-index .col-main > .std .homebanner {
    margin-bottom: 20px;
}

.cms-index-index .breadcrumbs {
    display: none;
}

.totals.top {
    display: none;
}

.product-collateral {
    font-size: 14px;
}

.swipe-qty {
    display: none;
}

@media screen and (min-width: 768px) {
    /*.product-collateral .colm1-2:first-child {
        width: 40%;
    }

    .product-collateral .colm1-2:last-child {
        width: 60%;
    }*/
    .catalog-product-view .colm-grid > .colm280-fixed {
        width: 170px;
    }
}

@media screen and (min-width: 1024px) {
    .nav-container.stick,
    .breadcrumbs.stick {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10000;
        width: 100%;
        padding: 0 15px;
        background-color: #F9F9F9;
        border-bottom: 1px solid #d7d7d9;
    }
    .breadcrumbs.stick {
        top: 40px;
        z-index: 9999;
        display: none;
    }
    .nav-container.stick #nav {
        /*border-bottom: 1px solid #d7d7d9;*/
        max-width: 1200px;
        margin: 0 auto;
    }
    .main-container.stick {
        padding-top: 75px;
    }
}

@media screen and (min-width: 1200px) {
    /*.nav-container #nav > li > a {
        padding: 0 34px 0 44px;
    }*/
   /* html[lang=es] .nav-container #nav > li > a,
    html[lang=fr] .nav-container #nav > li > a {
        padding: 0 14px 0 44px;
    }*/
    .catalog-product-view .colm-grid > .colm280-fixed {
        width: 250px;
    }
}

@media screen and (max-width: 1200px) {
    .wrapper.nav-wrapper .page {
        padding: 0;
    }
}

@media screen and (max-width: 1023px) {
    #fb-container {
        display: none !important;
    }
    .wrapper.nav-wrapper .page {
        padding: 5px 15px;
        position: relative;
    }
    .header-right-bottom .header-links,
    .header-right-top .languages,
    .header-right-top .account-box,
    .header-right-bottom .block-cart {
        display: none;
    }
    .wrapper.nav-wrapper {
        z-index: 100;
    }
    /*.logo-visual {
        height: 134px;
    }*/
    .header-container {
        background-image: none;
    }
    .header-container:after {
        display: none;
    }
    .header-right-top {
        background-color: transparent;
        padding: 0;
    }
    .header-right {
        padding-left: 260px;
    }
    .header-right-top:before {
        display: none;
    }
    .tel {
        position: relative;
        color: #fff;
        background-color: #f1932c;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        padding: 4px 8px;
        float: right;
    }
    .tel:before {
        margin-left: 2px;
        background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/tel_white.svg") no-repeat;
        background-size: 11px 22px;
        width: 11px;
        height: 22px;
        top: 3px;
    }
    .tel .desktop {
        display: none;
    }
    .tel .mobile {
        display: inline-block;
        padding-left: 10px;
        vertical-align: top;
    }
    .tel .mobile:before {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: 30px;
        top: 0;
    }
    .tel:hover {
        color: #fff;
    }
    .header-links {
        position: static;
    }
    .header .logo .mobile {
        display: inline-block;
    }
    .header .logo .mobile svg {
        width: 220px;
        height: 40px;
    }
    .header .logo .desktop {
        display: none;
    }
    .drop-toggle.nav {
        display: inline-block;
        float: left;
        border-bottom: none;
    }
    .drop-toggle.nav:hover {
        border-bottom: none;
    }
    .nav-container,
    .header-container .header-links {
        display: none;
    }
    .nav-container {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
    }
    .nav-container.show {
        display: block;
        height: auto !important;
    }
    .nav-container #nav {
        padding: 10px 0 30px 0;
    }
    .nav-container #nav li {
        display: block;
        border-bottom: 1px solid #dadada;
        padding: 0 0 0 10px;
        position: relative;
    }
    .nav-container #nav li.level0:after {
        font-family: "FontAwesome";
        content: "\f107";
        position: absolute;
        right: 15px;
        top: 50%;
        font-size: 24px;
        color: #9a9a9a;
        margin-top: -20px;
    }
    .nav-container #nav li.level0.toggled:after {
        content: "\f106";
    }
    .nav-container #nav li a:hover span,
    .nav-container #nav li a:active span,
    .nav-container #nav li.over a span,
    .nav-container #nav li.active a span {
        background: transparent;
    }
    .nav-container #nav li.level0.toggled:after {
        top: 0;
        margin-top: 0;
    }
    .nav-container #nav li.level0:hover {
        background: transparent;
        border-color: transparent;
        border-bottom: 1px solid #dadada;
        height: auto;
    }
    .nav-container #nav > li:last-child,
    .nav-container #nav > li:last-child:hover {
        border-bottom: none;
    }
    #nav li ul.shown-sub,
    #nav li div.shown-sub {
        display: none;
    }
    #nav li.toggled ul.level0 {
        display: block;
        left: 0;
        z-index: 999;
        border: none;
        position: static;
        padding-bottom: 20px;
    }
    #nav li.toggled ul.level0 li {
        border-bottom: none;
        padding: 0 0 0 50px;
    }
    #nav li ul.level0 li.level1:after {
        font-family: "FontAwesome";
        content: "\f105";
        position: absolute;
        right: 17px;
        top: 50%;
        font-size: 20px;
        color: #9a9a9a;
        margin-top: -14px;
    }
    #nav li.toggled ul.level0 li a {
        background: transparent;
        color: #848484 !important;
        height: 30px;
        line-height: 30px;
    }
    #nav li.toggled ul.level0 li a span {
        font-size: 15px;
    }
    .nav-container #nav li a {
        /*float: none;*/
        /*padding: 0 34px 0 56px;*/
        padding: 0 40px 0 0;
        text-transform: none;
        font-size: 16px;
        text-align: left;
    }
    .nav-container #nav li.level0.promo {
        border: none;
        border-bottom: 1px solid #dadada;
    }
    .nav-container #nav li.level0.promo > a {
        background-color: transparent;
        color: #f1942c;
    }
    .nav-container #nav li.level0.promo > a:before {
        background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/outlet_oranje.svg");
    }
    .nav-container #nav li.level0.promo:after {
        content: "\f105";
        right: 19px;
    }
    .nav-container #nav li.level0.promo:hover > a {
        color: #f1942c;
    }
    .nav-container #nav li.level0.promo:hover > a:hover span {
        color: #f1942c;
    }
    .header-links {
        max-width: 100%;
        border-bottom: none;
        border-top: 1px solid #d6d6d6;
        margin: 0;
        display: block;
    }
    .cms-header-links {
        padding: 10px 15px 10px 15px;
    }
    .header-links a {
        color: #474747;
    }
    .header-links a:hover {
        color: #f39200;
    }
    .header-links ul {
        float: none;
    }
    .header-links ul li {
        float: none;
        display: block;
        padding: 0;
        margin: 0 0 8px 0;
    }
    .cms-header-links ul:last-child {
        margin: 0;
        padding: 0;
        background: none;
    }
    .header-links ul li.home {
        display: none;
    }
    .header-links ul li:before {
        display: none;
    }
    .header-links ul li a {
        display: inline-block;
    }
    .header-links .quick-access {
        float: none;
        border-top: 1px solid #d6d6d6;
        padding-top: 10px;
    }
    .languages {
        float: none;
        display: block;
        border-top: 1px solid #d6d6d6;
        border-bottom: 1px solid #d6d6d6;
        margin: 0;
    }
    .languages ul li.current {
        width: auto;
    }
    .languages ul li.current ul {
        position: static;
        display: inline !important;
        border: none;
        background: transparent;
    }
    .languages ul li.current ul:after,
    .languages ul li.current ul:before {
        display: none;
    }
    .languages ul li.current span:hover,
    .languages ul li.current span.over {
        color: #737373;
    }
    .languages ul {
        padding: 15px 15px 15px 15px;
    }
    .languages .curr-lang-desk {
        display: none !important;
    }
    .languages ul li.current ul li {
        display: inline;
        margin: 0 3px;
        height: auto;
    }
    .languages ul li.current ul:before {
        display: none;
    }
    .languages ul li.current ul li a,
    .languages ul li.current ul li:first-child a {
        height: auto;
        display: inline-block;
        color: #737373;
        border: 1px solid #d6d6d6;
        padding: 2px 6px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }
    .languages ul li.current ul li a:hover {
        border-color: #f39200;
        color: #f39200;
    }
    .languages ul li.current ul li.curr-lang-mobile {
        display: inline-block;
        background-color: #f39200;
        padding: 2px 6px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        color: #fff;
        width: auto;
    }
    .languages ul li.current span {
        display: inline;
        font-size: 13px;
        color: #737373;
        cursor: default;
        margin-right: 5px;
    }
    .languages ul li.current span:after {
        display: none;
    }
    .languages ul li.current > ul a:before {
        display: none;
    }
    .drop-toggle.nav:before {
        content: "g";
        font-family: "optimus-icons";
        font-size: 23px;
        line-height: 45px;
        color: #F39200;
    }
    .account-box {
        float: none;
        display: block;
        margin: 15px 0 60px 15px;
    }
    .add-to-cart button.button {
        /*float: left;*/
        /*margin-left: 0;*/
    }
    .add-to-cart > br {
        display: block;
    }
    .product-view.configurable .product-options-bottom .add-to-cart {
        float: none;
    }
    .offerte-block {
        width: auto;
        margin-top: 20px;
    }
    .product-view.configurable .add-to-cart input {
        margin-right: 0;
    }
    .reorder {
        background-color: #202020;
        color: #fff;
        text-align: center;
        display: block;
        padding: 12px 20px;
        font-weight: 600;
        font-size: 14px;
        border-bottom: 0;
    }
    .reorder span {
        position: relative;
        padding-left: 36px;
    }
    .reorder span:before {
        content: "";
        background: url("https://www.metaltis.be/skin/frontend/metaltis/default/images/reorder.svg") no-repeat;
        display: inline-block;
        margin-right: 10px;
        width: 24px;
        height: 22px;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        left: 0;
    }
    .reorder:hover {
        border-bottom: none;
        color: #fff;
        background-color: #404040;
    }
    #search_mini_form {
        width: 100%;
        max-width: 280px;
    }
    #search_mini_form .form-search input.input-text {
        width: 100%;
    }
    #search_mini_form .form-search button.button {
        top: 6px;
    }
    .block-cart {
        position: relative;
        float: right;
        top: 7px;
        right: 0;
        margin-bottom: 0;
    }
    .block-cart.empty {
        top: 8px;
    }
    .block-cart .cart-icon:before {
        width: 50px;
        height: 34px;
        background-size: 50px auto;
    }
    .block-cart .button {
        top: -14px;
        margin-left: 10px;
    }
    .block-cart .cart-icon .count {
        left: 26px;
        line-height: 25px;
        font-size: 13px;
        width: 23px;
        height: 23px;
    }
    .onsale-product-container {
        float: none;
        width: 100%;
    }
    .product-view .product-img-box .more-views {
        float: none;
        width: auto;
    }
    .product-view .product-img-box .more-views li {
        float: none;
        display: inline-block;
    }
    .product-view .product-img-box .more-views .video-gallery-links {
        margin-top: 30px;
    }
    .video-box {
        width: 100%;
        max-width: 100%;
    }
    .add-to-cart .colm-grid .colm1-2 {
        width: 100%;
        float: none;
        display: block;
        padding: 0;
    }
    .add-to-cart .qty-box {
        margin-bottom: 0;
        margin-right: 8px;
    }
    .add-to-cart .qty-box + br {
        display: none;
    }
    .add-to-cart .colm-grid .colm1-2:last-child {
        margin-top: 20px;
    }
    .offerte-block {
        float: none;
    }
    .add-qty {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 700px) {
    .header-right-top #search_mini_form {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #homeCategories {
        margin-top: 2em;
    }
    .swipe-qty {
        text-align: center;
        color: #a8a8a8;
        font-size: 12px;
        display: block;
    }
    #homeCategories a.catbox {
        background-image: none !important;
        height: auto;
        border: none;
    }
    .product-essential .product-name + .colm-grid,
    .product-essential-container.colm1-2 {
        margin-bottom: 0;
    }
    .catalog-category-view .col2-left-layout .colm280-flex,
    .catalogsearch-result-index .col2-left-layout .colm280-flex {
        padding-top: 0;
    }
    #homeCategories a.catbox div.title {
        position: static;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        display: inline-block;
        font-size: 14px;
        height: auto;
        padding: 4px 10px;
        margin-bottom: 0;
    }
    .std .home-products-list .title_custom,
    .std .home-products-list > h2,
    .block-related > .title_custom,
    .block-viewed > .title_custom,
    .block-related > h2,
    .block-viewed > h2 {
        font-size: 18px;
    }
    #homeCategories a.subcatbox div.title span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #homeCategories .colm1-3 a {
        height: 130px;
    }
    .add-to-cart > br {
        display: none;
    }
    .cms-index-index .main-container > .reorder,
    .catalog-category-view .main-container > .reorder {
        display: block;
    }
    .main {
        padding-bottom: 0;
    }
    .customer-account-index .colm280-fixed,
    .customer-account-edit .colm280-fixed,
    .customer-address-form .colm280-fixed,
    .sales-order-history .colm280-fixed,
    .newsletter-manage-index .colm280-fixed,
    .faqs-index-index .colm280-fixed,
    .faqs-index-view .colm280-fixed,
    .catalogsearch-result-index .colm280-fixed {
        margin-bottom: 0;
    }
    .block-account .block-title {
        position: relative;
        border: 1px solid #d6d6d6;
        display: block;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 8px 15px;
        cursor: pointer;
    }
    .block.block-reorder .block-title {
        position: relative;
        cursor: pointer;
    }
    .block.block-reorder .block-title:after {
        content: "\f107";
        font-family: "FontAwesome";
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -15px;
        font-size: 24px;
    }
    .block.block-reorder .block-title.show:after {
        content: "\f106";
        margin-top: -17px;
    }
    .block.block-reorder .block-content {
        display: none;
    }
    .block.block-reorder .block-content.show {
        display: block;
    }
    .data-table tbody th,
    .data-table tbody td {
        border-right: none;
    }
    .block-account .block-title:after {
        content: "\f107";
        font-family: "FontAwesome";
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -19px;
        font-size: 24px;
    }
    .block-account .block-title.show {
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom: none;
    }
    .block-account .block-title.show:after {
        content: "\f106";
        margin-top: -21px;
    }
    .block-account .block-content {
        display: none;
        border: 1px solid #d6d6d6;
        border-top: none;
        padding: 0 15px 5px 15px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .block-account .block-content.show {
        display: block;
    }
    #homeCategories img {
        margin: 10px;
        max-height: 90px;
        float: left;
    }
    #homeCategories a.subcatbox {
        position: relative;
        cursor: pointer;
    }
    #homeCategories a.subcatbox div.title {
        padding-left: 166px;
        font-size: 14px;
        text-align: left;
        margin-top: 20px;
        padding-right: 20px;
    }
    #homeCategories a.subcatbox div.title:before {
        display: none;
    }
    #homeCategories a.catbox div.title:before {
        display: none;
    }
    #homeCategories .colm-grid div {
        margin-bottom: .8em;
    }
    .products-grid.colm-grid > .colm50-25,
    .products-grid.colm-grid > .colm50-20 {
        display: inline-block;
        width: 50%;
        margin-right: -.30em;
        vertical-align: top;
    }
    .toggle-lnav {
        display: block;
        padding: 10px 15px;
        border: 1px solid #f39200;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        position: relative;
        font-size: 15px;
    }
    .fb-share,
    .tw-share,
    .li-share,
    .pi-share,
    .email-share {
        float: none;
        display: inline-block;
        margin: 10px 4px 0 0;
    }
    .email-share {
        margin: 0;
    }
    .toggle-lnav:after {
        position: absolute;
        top: 50%;
        margin-top: -19px;
        right: 15px;
        content: "\f107";
        font-size: 24px;
        font-family: "FontAwesome";
    }
    .toggle-lnav:hover {
        border-bottom-color: #f39200;
    }
    .toggle-lnav.show:after {
        content: "\f106";
        margin-top: -21px;
    }
    .layered-nav {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    #search_mini_form {
        max-width: 240px;
    }
    .layered-nav ul {
        display: none;
        margin-top: 14px;
    }
    .layered-nav ul.show {
        display: block;
    }
    .products-grid.colm-grid > .colm50-25:nth-child(odd) {
        padding-left: 0;
        padding-right: 1em;
    }
    .products-grid.colm-grid > .colm50-25:nth-child(even) {
        padding-left: 1em;
        padding-right: 0;
    }
    .products-grid .item {
        padding: 0 0 20px 0;
    }
    .products-grid li:hover .item {
        border-color: transparent;
    }
    .products-grid .product-name {
        left: 0;
        width: 100%;
    }
    .products-grid li .price-box {
        text-align: left;
    }
    .products-grid .actions button.button {
        float: none;
    }
    .products-grid .actions p.out-of-stock {
        float: right;
    }
    .product-view.configurable .product-options-bottom {
        height: auto;
    }
    .cms-page-view .colm280-fixed,
    .contacts-index-index .colm280-fixed,
    .contacts-index-offer .colm280-fixed,
    .checkout-onepage-success .colm280-fixed,
    .faqs-index-index .colm280-fixed,
    .faqs-index-view .colm280-fixed,
    .catalogsearch-result-index .colm280-fixed {
        display: none;
    }
    .catalog-product-view .colm280-fixed {
        margin-bottom: 0;
    }
    .catalog-product-view .colm280-fixed .layered-nav {
        margin-top: 0;
    }
    .catalog-product-view .block-faqs,
    .cms-page-view .block-faqs,
    .contacts-index-index .block-faqs,
    .contacts-index-offer .block-faqs,
    .checkout-onepage-success .block-faqs,
    .customer-account-index .block-faqs,
    .customer-account-edit .block-faqs,
    .customer-address-form .block-faqs,
    .sales-order-history .block-faqs,
    .newsletter-manage-index .block-faqs,
    .faqs-index-index .block-faqs,
    .faqs-index-view .block-faqs,
    .catalogsearch-result-index .block-faqs {
        margin-top: 40px;
    }
    .product-collateral .box-description {
        padding: 0;
    }
    .product-view.configurable .product-options-bottom .add-to-cart {
        position: static;
        width: auto;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .product-view.configurable .product-options-bottom .add-to-cart .colm-grid .colm1-2:first-child {
        margin-bottom: 10px;
    }
    .product-view.configurable .product-options-bottom {
        margin-top: 10px;
    }
    .onsale-product-container {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        max-width: 100%;
        width: 100%;
    }

    /*.add-to-cart button.button {
        margin: 0;
    }*/
    .more-views ul {
        display: none;
    }
    .more-views .video-gallery-links {
        display: block;
    }
    .offerte-block {
        width: auto;
    }
    .catalog-product-view .swiper-container {
        max-width: 100%;
    }
    .onsale-product-container img {
        max-width: 500px;
        display: block;
        margin: 0 auto;
    }
    .usp ul li div.flyout .content {
        width: 100%;
    }
    .usp ul li .flyout .usp-img-custom,
    .usp ul li .flyout .usp-img-fabric,
    .usp ul li .flyout .usp-img-message,
    .usp ul li .flyout .usp-img-proffessional {
        display: none;
    }
    .footer {
        padding: 0;
    }
    .footer .footer-logo {
        display: none;
    }
    .footer .methods {
        margin-bottom: 0;
    }
    .footer .paymentSocMed,
    .footer .shipping,
    .footer .methods ul,
    .footer .payment {
        text-align: center;
    }
    .footer .shipping:after {
        margin: 0 auto;
    }
    .footer .shipping img {
        margin: 10px auto;
    }
    .footer .shipping strong,
    .footer .paymentSocMed strong {
        font-size: 14px;
        font-weight: normal;
    }
    .footer .labels {
        border-top: 1px solid #6d6d6d;
        padding: 20px 15px 0 15px;
    }
    .footer .wrapper.usp {
        display: block;
        height: auto;
    }
    .footer .wrapper.usp .colm-grid {
        margin-bottom: 0;
    }
    .footer-container {
        border-top: none;
    }
    .footer .wrapper.usp li {
        margin: 0;
        text-align: left;
        border-bottom: 1px solid #9b9b9b;
    }
    .footer .wrapper.usp li:first-child {
        border-top: 1px solid #9b9b9b;
    }
    .footer .wrapper.usp li span:last-child {
        position: absolute;
        left: 80px;
        top: 2px;
        font-size: 13px;
    }
    .footer .wrapper.usp ul li > a .usp-img-custom,
    .footer .wrapper.usp ul li > a .usp-img-fabric,
    .footer .wrapper.usp ul li > a .usp-img-message,
    .footer .wrapper.usp ul li > a .usp-img-proffessional {
        margin: 0 15px;
    }
    .footer .wrapper.usp ul li > a .usp-img-custom:before {
        left: -3px;
    }
    .footer .wrapper.usp ul li > a .usp-img-fabric:before {
        left: 3px;
    }
    .footer .wrapper.usp ul li > a .usp-img-message:before {
        left: 4px;
    }
    .footer .wrapper.usp ul li > a .usp-img-proffessional:before {
        left: 6px;
    }
    .footer .wrapper.usp li:hover {
        border-bottom: 1px solid #9b9b9b;
    }
    .footer .wrapper.usp li:last-child {
        border-bottom: none;
    }
    .footer .wrapper.usp li:last-child:hover {
        border-bottom: none;
    }
    .footer .wrapper.usp .page {
        padding: 0;
    }
    .footer .languages {
        display: block;
        text-align: center;
        color: #fff;
        padding: 20px 0 0 0;
        font-size: 14px;
    }
    .footer .languages ul li.current ul li.curr-lang-mobile {
        color: #373737;
        border: 1px solid #f1942c;
    }
    .footer .languages ul li.current ul li a,
    .footer .languages ul li.current ul li:first-child a {
        color: #fff;
    }
    .footer .languages ul li.current ul li a:hover,
    .footer .languages ul li.current ul li:first-child a:hover {
        color: #f1942c;
    }
    .footer .languages ul li.current span {
        color: #fff;
        font-size: 14px;
    }
    .footer .paymentSocMed ul {
        margin-top: 10px;
    }
    .footer .adress {
        border-top: none;
        text-align: center;
        margin-top: 20px;
    }
    .footer .adress ul {
        float: none;
    }
    .footer > .colm-grid {
        margin-bottom: 10px;
        padding: 0 15px;
    }
    .footer .adress ul li {
        font-size: 13px;
        float: none;
        display: block;
        text-align: center;
        border: none;
        line-height: 24px;
    }
    .footer .adress ul li a {
        border-bottom: none;
    }
    .footer .adress a.se {
        float: none;
    }
    .footer .copyLinks {
        font-size: 13px;
    }
    .footer .copyLinks span {
        display: block;
        margin-top: 5px;
    }
    /*.footer-container hr {
        display: none;
    }*/
    .footer .contact-container {
        padding: 0;
        background-color: #474747;
    }
    /*.footer-container #contactFormWrap {
        border-top: none;
    }*/
    .footer-container #contactFormWrap .container {
        padding: 20px 0 0 0;
    }
    .footer-container #contactFormWrap .colm-grid {
        margin-bottom: 0;
    }
    .footer-container #contactFormWrap * {
        font-size: 13px !important;
    }
    .footer-container #contactFormWrap .contactInfo p {
        padding-bottom: 6px;
    }
    .footer .contact-container .toggleContact,
    .footer .contact-container .needMoreInfo,
    .footer .contact-container .form {
        display: none !important;
    }
    .footer .open-contact {
        display: block;
        border: 1px solid #fff !important;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        padding: 8px 14px;
        position: relative;
        margin-top: 10px;
    }
    .footer .open-contact:hover {
        color: #fff;
    }
    .footer .open-contact:after {
        font-family: "FontAwesome";
        content: "\f107";
        position: absolute;
        font-size: 24px;
        right: 15px;
        top: 50%;
        margin-top: -20px;
    }
    .footer .open-contact.show:after {
        content: "\f106";
    }
    .footer .contact-container .form.show {
        display: block !important;
    }
    .footer #contactFormWrap .form-list li div:first-child,
    .footer #contactFormWrap .form label,
    .footer #contactFormWrap .form-list .input-box,
    .footer #contactFormWrap .form-list select,
    .footer #contactFormWrap .form-list li div,
    .footer #contactFormWrap .form-list li.wide textarea {
        float: none;
        width: auto;
        margin: 0;
        display: block;
    }
    .footer #contactFormWrap .captcha-image {
        margin-top: 10px !important;
    }
    .footer #contactFormWrap .form-list li div,
    .footer #contactFormWrap .form-list li div:first-child {
        margin-bottom: 10px;
    }
    .footer #contactFormWrap .form-list li.wide textarea {
        width: 100%;
    }
    .footer #contactFormWrap .form-list input.input-text,
    .footer #contactFormWrap .form-list select {
        width: 100%;
    }
    .footer .form-list input#newsletter {
        float: none;
        display: inline-block;
        margin: 0 10px 0 0;
        position: relative;
        top: -2px;
    }
    .footer #contactFormWrap .form label {
        display: inline-block;
        margin-bottom: 4px;
    }
    .footer #contactFormWrap .fieldset {
        margin-bottom: 0;
    }
    .footer #contactFormWrap .buttons-set {
        margin: 0;
    }
    .footer #contactFormWrap #contactForm .buttons-set button.button {
        float: none;
    }
}

@media screen and (max-width: 700px) {
    #search_mini_form {
        margin-top: 3px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-right: 0;
        margin-left: -12px;
    }
    .header-right {
        padding-left: 0;
    }
    .header-left {
        width: auto;
    }
}

@media screen and (max-width: 639px) {
    .checkout-cart-index .product-name-col .tablesaw-cell-label,
    .checkout-cart-index .product-image-col .tablesaw-cell-label,
    .checkout-cart-index .product-edit-col,
    .checkout-cart-index tfoot .tablesaw-cell-label {
        display: none !important;
    }
    .checkout-cart-index .product-image-col .tablesaw-cell-content {
        max-width: 320px !important;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .checkout-cart-index .product-name-col .tablesaw-cell-content {
        display: block !important;
    }
    .checkout-cart-index .tablesaw th,
    .checkout-cart-index .tablesaw td {
        padding: 0 !important;
    }
    .checkout-cart-index .tablesaw-cell-content {
        max-width: 100% !important;
    }
    .checkout-cart-index #shopping-cart-table td {
        border: none;
    }
    .checkout-cart-index #shopping-cart-table td.a-center,
    .checkout-cart-index #shopping-cart-table td.a-right {
        text-align: left !important;
        padding: 5px 0 !important;
    }
    .checkout-cart-index .page-title .checkout-types {
        display: none;
    }
    .cart .totals {
        max-width: 100%;
        float: none;
    }
    .checkout-cart-index .item-options {
        margin: 14px 0 0 0;
    }
    .checkout-cart-index .item-options br {
        display: block;
    }
    .checkout-cart-index .item-options dt,
    .checkout-cart-index .item-options dd {
        display: inline-block;
        font-style: normal;
    }
    .checkout-cart-index .tablesaw-stack td .tablesaw-cell-label,
    .checkout-cart-index .tablesaw-stack th .tablesaw-cell-label {
        width: 50% !important;
        vertical-align: middle;
    }
    .checkout-cart-index .item-options dd {
        padding-left: 0;
        margin-bottom: 10px;
    }
    .checkout-cart-index .item-options dt {
        width: 50%;
    }
    .cart .totals td {
        text-align: left !important;
    }
    tr.summary-total .summary-collapse {
        float: none;
        text-align: left;
    }
    .cart .totals .checkout-types {
        text-align: center;
    }
    .cart .totals .checkout-types .button {
        display: block;
        width: 100%;
    }
    .checkout-cart-index .data-table tfoot {
        border: none;
    }
    .checkout-cart-index #shopping-cart-table.data-table tfoot td.a-right {
        text-align: center !important;
    }
    .checkout-cart-index .data-table tfoot tr {
        background: none !important;
        border-top: 2px solid #dfdfdf;
        margin-top: 20px;
        padding-top: 20px;
        display: block;
    }
    .checkout-cart-index .button.btn-empty {
        display: none;
    }
    .checkout-cart-index .tablesaw thead {
        border: none;
    }
    .checkout-cart-index .tablesaw-stack tbody tr:last-child {
        border-bottom: none;
    }
    .checkout-cart-index .mobile-delete {
        display: inline-block;
    }
    .checkout-cart-index #shopping-cart-table tr td:last-child {
        padding-bottom: 30px !important;
    }
    .checkout-cart-index .data-table .even {
        background-color: #fff;
    }
    .totals.top {
        display: block;
        padding: 15px;
    }
    .totals.top div {
        margin: 0 0 5px 0;
        font-size: 15px;
        font-weight: bold;
    }
    .totals.top a.button {
        float: none;
        height: auto;
        margin-top: 15px;
    }
    .totals.top a.button:hover {
        background: #ffa621;
    }
}

@media screen and (max-width: 599px) {
    .page-title.category-title h1,
    .product-essential .product-name h1,
    .account-advantages h1 {
        font-size: 24px;
        word-wrap: break-word;
    }
    .header .logo {
        margin: 10px 0 0 0;
        position: relative;
        top: 4px;
    }
    .header .logo .mobile svg {
        width: 150px;
        height: 28px;
    }
    .logo-visual {
        /*height: 104px;*/
        width: calc(100% + 184px);
    }
    .usp ul li {
        width: 100%;
    }
    .usp ul li > a {
        border-right-color: #f39200 !important;
    }
    .usp ul li div.flyout,
    .header-right-bottom {
        display: none;
    }
    .block-cart {
        top: 8px;
    }
    .header-right {
        padding-top: 0;
    }
    .tel {
        margin-top: 11px;
    }
    .layered-nav.mobile,
    .layered-nav.mobile ul {
        display: block;
    }
    .layered-nav.mobile ul {
        border: 1px solid #dadada;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        margin-top: 0;
    }
    .layered-nav.mobile {
        margin: 0 0 20px 0;
    }
    .layered-nav.mobile h3 {
        color: #3d3d3d;
    }
    .layered-nav.mobile h3:after {
        content: "\f105";
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -17px;
        font-size: 24px;
        color: #898989;
    }
    .layered-nav.mobile li {
        border-color: #dadada;
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .layered-nav.mobile li:last-child {
        border-bottom: none;
    }
    #search_mini_form {
        max-width: 200px;
    }
    .block-cart .button {
        display: none;
    }
    .category-description .mobile {
        display: block;
    }
    .category-description > .full-desc,
    .category-description .mobile .full-desc,
    .category-description .cat-desc-toggle.expand {
        display: none;
    }
    .category-description .mobile .full-desc.show {
        display: block;
    }
    .category-description .cat-desc-toggle.expand.show {
        display: inline-block;
    }
    .category-description .cat-desc-toggle.hide {
        display: none;
    }
    .category-description .mobile .mobile-desc.hide {
        display: none;
    }
    .account-box .block-login.is-visible {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .breadcrumbs {
        display: none;
    }
    .products-grid li .price-box {
        min-height: 0;
    }
    .products-grid .product-name,
    .products-grid li .actions {
        position: static;
    }
    .products-grid .product-name {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .products-grid .actions p.out-of-stock {
        float: none;
    }
    .products-grid li .actions {
        width: 100%;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .footer .sitemap .colm-grid .colm1-3 {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 0;
    }
    .footer .sitemap .colm-grid .colm1-3:first-child > ul > li:first-child {
        -webkit-border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom: none;
    }
    .footer .sitemap .colm-grid .colm1-3 > ul > li:first-child {
        border: 1px solid #ffffff;
        padding: 10px 16px;
        cursor: pointer;
    }
    .footer .sitemap .colm-grid .colm1-3 > ul > li {
        position: relative;
        font-size: 13px;
    }
    .footer .sitemap .colm-grid .colm1-3 > ul > li:first-child:after {
        font-family: "FontAwesome";
        content: "\f107";
        position: absolute;
        right: 15px;
        top: 2px;
        font-weight: normal;
        font-size: 24px;
    }
    .footer .sitemap .colm-grid .colm1-3 > ul > li.shown:first-child:after {
        content: "\f106";
    }
    .footer .sitemap .colm-grid .colm1-3:last-child > ul > li:first-child {
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        -moz-border-radius-bottomright: 2px;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-top: none;
    }
    .footer .sitemap .colm-grid .colm1-3 ul li ul {
        display: none;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .footer .sitemap .colm-grid .colm1-3 ul li ul.show {
        display: block;
    }
}


/* IE9 */

.ie9 .swiper-container .swiper-slide,
.ie9.catalog-product-view .swiper-container .swiper-button-black {
    display: none;
}

.ie9 .homeslider .swiper-container.main-gallery {
    width: 100%;
}

.ie9 .swiper-container.main-gallery .swiper-slide:first-child,
.ie9.catalog-product-view .swiper-container .swiper-slide:first-child {
    display: block;
}

.no-touch .ie9 .product-img-box:hover .swiper-button-prev.swiper-button-black,
.no-touch .ie9 .product-img-box:hover .swiper-button-next.swiper-button-black {
    display: none;
}

.free-shipping {
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/car.svg);
}

td.product-name-col {
    position: relative;
    padding-right: 30px;
}

@media (min-width: 1024px) {
    td.product-name-col {
        padding-right: 50px;
        position: relative;
    }
}

.info_marker {
    cursor: help;
    position: relative;
}

.info_marker svg {
    vertical-align: top;
}

.info_marker--bg {
    fill: #ffefe5;
}

.info_marker--border {
    fill: #e1550d;
}

.info_marker--letter {
    fill: #e1550d;
}

.info_marker:hover .info_marker--bg {
    fill: #e1550d;
}

.info_marker:hover .info_marker--letter {
    fill: #fff;
}

td.product-name-col .info_marker {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    position: relative;
}

td.product-name-col .info_marker {
    position: absolute;
    top: 0;
    right: 10px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media (min-width: 640px) {
    td.product-name-col .info_marker {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.info_marker--tooltip,
.free-shipping-info {
    border: 1px solid #e1550d;
    border-radius: 1px;
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/car.svg) 12px 11px/34px 18px no-repeat #ffefe5;
    font-size: 12px;
    line-height: 18px;
    color: #e1550d;
}

.free-shipping-info {
    font-weight: bold;
    padding: 10px 10px 10px 55px;
    margin-bottom: 25px;
}

.info_marker--tooltip {
    display: block;
    position: absolute;
    top: -14px;
    right: -16px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 250px;
    background-position: 11px 14px;
    background-color: #fff;
    padding: 5px 10px 5px 55px;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}

.info_marker--tooltip:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 10px 0 10px;
    border-color: #e1550d transparent transparent transparent;
    bottom: -11px;
    right: 13px;
}

.info_marker--tooltip:after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #fff transparent transparent transparent;
    bottom: -9px;
    right: 14px;
}

.info_marker:hover .info_marker--tooltip {
    opacity: 1;
}

.cart-collaterals .coupon-code-container .discount-coupon-from .input-text {
    padding: 6px 10px;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 2px;
}

.block-shipping,
.block-unknown {
    margin-bottom: 28px;
}

.block-shipping .title_custom,
.block-unknown .title_custom {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 18px;
    color: #f39200;
    font-weight: bold
}

.valid_butt_id {
    width: 100%;
    height: 29px;
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    border-radius: 2px;
    border: none;
    padding: 0 10px;
}

.valid_butt_id.butt-validate {
    background: #f39200;
}

.valid_butt_id.butt-validate:hover {
    background: #ffa621;
}

.valid_butt_id.butt-valid {
    background: #66c166;
}

.valid_butt_id.butt-valid:hover {
    background: #83cd83;
}

.valid_butt_id.butt-invalid {
    background: #e82b2b;
}

.valid_butt_id.butt-invalid:hover {
    background: #ec5050;
}

.block-shipping {
    padding-top: 2em;
    border-top: 2px solid #f39200;
}

.availability-delivery {
    padding-left: 52px;
    width: 252px;
    float: right;
    min-height: 40px;
    margin-top: 30px;
    font-size: 12px;
    position: relative;
}

.maatwerk-delivery {
    padding-left: 52px;
    width: 252px;
    float: right;
    min-height: 40px;
    margin-top: 30px;
    font-size: 12px;
    position: relative;
}

.availability-delivery::before {
    background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/availability_delivery.svg) center left/contain no-repeat;
    content: "";
    position: absolute;
    width: 50px;
    height: 40px;
    display: block;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 1023px) {
    .availability-delivery {
        float: none;
        width: auto;
        margin-top: 20px;
    }
}

.availability-delivery span {
    color: #f39200;
}

@media screen and (max-width: 1023px) {
    .maatwerk-delivery {
        float: none;
        width: auto;
        margin-top: 20px;
    }
}

.maatwerk-delivery span {
    color: #f39200;
}

h2.product-advantages,
.product-advantages {
    font-size: 14px;
    color: #f39200;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 14px;
}

@media screen and (max-width: 599px) {
    h2.product-advantages,
    .product-advantages {
        font-size: 24px;
        word-wrap: break-word;
    }
}

.short-description ul {
    margin-left: 0;
    padding-left: 0;
}

/*.blog-m START*/
.blog-m {
    font-family: Arial, Helvetica, sans-serif;
}

.blog-m__heroimage {
    height: 270px;
    background: center center/cover no-repeat #F39200;
}

.blog-m__categories {
    position: relative;
    margin: 5px 0 0;
}

.blog-m__categories > button {
    display: none;
}

@media screen and (max-width: 767px) {
    .blog-m__categories > button {
        display: block;
        width: 100%;
        height: 40px;
        background-color: #F39200;
        border: none;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
    }
}

.blog-m__categories > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
}

@media screen and (max-width: 767px) {
    .blog-m__categories > ul {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        border: 1px solid #F39200;

    }
}

@media screen and (max-width: 767px) {
    .blog-m__categories:hover ul {
        display: block;
    }
}

.blog-m__categories > ul li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.blog-m__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .blog-m__content {
        display: block;
    }
}

.blog-m__items--wrap {
    width: calc(100% - 240px);
}

@media screen and (max-width: 767px) {
    .blog-m__items--wrap {
        width: 100%;
    }
}

.blog-m__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media screen and (max-width: 767px) {
    .blog-m__items {
        display: block;
    }
}

.blog-m__item {
    width: 50%;
    padding-right: 40px;
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .blog-m__item {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .blog-m__item {
        padding-right: 0;
    }
}

.blog-m__item__img {
    height: 225px;
    background: center center/cover no-repeat #F39200;
    margin-bottom: 15px;
}

.blog-m__item__category {
    text-transform: uppercase;
    font-size: 19px;
    color: #F39200;
    margin-bottom: 8px;
}

.blog-m__item__title {
    font-weight: bold;
    font-size: 31px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 5px;
}

.blog-m__item__title a:not(:hover) {
    color: #000;
}

.blog-m__item__date {
    font-size: 15px;
    color: #000;
    margin-bottom: 25px;
}

.blog-m__item__date > span {
    color: #F39200;
}

.blog-m__item hr,
.blog-m__page hr {
    border: none;
    background: #F39200;
    color: #F39200;
    width: 120px;
    height: 3px;
    margin-bottom: 30px;
}

.blog-m__item__text {
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 30px;
}

.blog-m__item__text p {
    line-height: 1.2;
}

.blog-m__item__rm {
    font-size: 20px;
}

.blog-m__item__rm img {
    width: 10px;
    margin: 0;
    vertical-align: middle;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-right: 7px;
}

.blog-m__sidebar {
    width: 260px;
}


.blog-m__sidebar--inner {
    padding-left: 25px;
    border-left: 1px solid #F39200;
}

@media screen and (max-width: 767px) {
    .blog-m__sidebar--inner {
        padding: 0;
        border: none;
    }
}

.blog-m__sidebar__title {
    font-size: 22px;
    line-height: 1.2;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.blog-m__sidebar__contacts {
    border-bottom: 1px solid #000;
    padding-bottom: 35px;
    margin-bottom: 40px;
}

.blog-m__sidebar__contacts > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-m__sidebar__contacts > ul > li {
    margin: 0 5px 5px 0;
}

.blog-m__sidebar__contacts > ul > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
}

.blog-m__sidebar__contacts > ul > li svg {
    width: auto;
    margin: 0;
}

.blog-m__sidebar__contacts > ul > li > a:hover path {
    fill: #F39200;
}

.blog-m__sidebar__contacts .fb svg {
    height: 22px;
}

.blog-m__sidebar__contacts .le svg {
    height: 24px;
}

.blog-m__sidebar__contacts .gp svg {
    height: 30px;
}

.blog-m__sidebar__contacts .yt svg {
    height: 24px;
}

.blog-m__sidebar__contacts .ig svg {
    height: 22px;
}

.blog-m__sidebar__contacts .rss svg {
    height: 20px;
}

.blog-m__sidebar__subscribe {
    border-bottom: 1px solid #000;
    padding-bottom: 35px;
    margin-bottom: 40px;
}

.blog-m__sidebar__subscribe__text {
    margin-bottom: 15px;
}

.blog-m__sidebar__subscribe__form--control {
    margin-bottom: 15px;
}

.blog-m__sidebar__subscribe__form--control input[type="text"],
.blog-m__sidebar__subscribe__form--control input[type="email"] {
    height: 32px;
    border-radius: 3px;
    border: 1px solid #000;
    padding: 0 10px;
    color: #000;
    width: 100%;
}

.blog-m__sidebar__subscribe__form--control button {
    height: 32px;
    border-radius: 3px;
    background-color: #F39200;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.blog-m__sidebar__featured {
    padding-bottom: 35px;
}

.blog-m__sidebar__featured > ul > li + li {
    margin-top: 30px;
}

.blog-m__sidebar__featured > ul > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color: #000;
    line-height: 1.2;
    font-size: 17px;
}

.blog-m__sidebar__featured > ul > li a:hover {
    text-decoration: underline;
    color: #F39200;
}

.blog-m__sidebar__featured > ul > li a img {
    width: 10px;
    margin: 0 7px 0 0;
}

.blog-m__pagi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 80px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-m__pagi > li {
    min-width: 46px;
    height: 46px;
    margin: 2px;
}

.blog-m__pagi > li > a,
.blog-m__pagi > li > span {
    display: block;
    padding: 0 5px;
    border: 1px solid #474747;
    border-radius: 5px;
    height: 46px;
    line-height: 44px;
    color: #474747;
    text-align: center;
    font-size: 20px;
}

.blog-m__pagi > li > a:hover {
    color: #F39200;
    border-color: #F39200;
}

.blog-m__pagi > .active > a,
.blog-m__pagi > .active > span {
    color: #F39200;
    border-color: #F39200;
}

@media screen and (max-width: 767px) {
    .blog-m__pagi > li:not(.active):not(.mobile) {
        display: none;
    }
}

.blog-m__page {
    padding-right: 40px;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .blog-m__page {
        padding-right: 0;
    }
}

.blog-m__page__back {
    font-size: 18px;
    line-height: 1.2;
}

.blog-m__page__back img {
    width: 10px;
    margin: 0;
    vertical-align: middle;
    -webkit-transform: translateY(-1px) rotateY(180deg);
    transform: translateY(-1px) rotateY(180deg);
    margin-right: 7px;
}

.blog-m__page__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2;
    color: #000;
    margin: 25px 0 5px;
}

.blog-m__page__subtitle {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    margin: 0 0 20px;
}

.blog-m__page__date {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 50px;
}

.blog-m__page__date span {
    color: #f39200;
}

.blog-m__page .img {
    margin: 0;
    display: block;
}

.blog-m__page .img--full {
    width: 100%;
    margin-bottom: 60px;
}

.blog-m__page .img--left {
    float: left;
    max-width: 100%;
    margin: 0 35px 35px 0;
    width: auto;
}

@media screen and (max-width: 767px) {
    .blog-m__page .img--left {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

.blog-m__page .img--right {
    float: right;
    max-width: 100%;
    margin: 0 0 35px 35px;
    width: auto;
}

@media screen and (max-width: 767px) {
    .blog-m__page .img--right {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

.blog-m__page p {
    margin-bottom: 45px;
    font-size: 15px;
    line-height: 1.2;
}

.blog-m__page ul {
    margin-bottom: 45px;
    font-size: 18px;
    line-height: 1.2;
}

.blog-m__page ul li {
    margin-bottom: 5px;
    padding-left: 35px;
    position: relative;
    font-size: 15px;
}

.blog-m__page ul li:before {
    content: "";
    display: block;
    height: 8px;
    width: 15px;
    border-bottom: 4px solid #f39200;
    border-left: 4px solid #f39200;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    left: 0;
    top: 4px;
}

.blog-m__page figure {
    margin-bottom: 55px;
}

.blog-m__page figure video {
    width: 100% !important;
    height: auto !important;
}

.blog-m__page iframe,
.blog-m__page object,
.blog-m__page embed {
    display: block;
}

.blog-m__page__share {
    margin-bottom: 50px;
}

.blog-m__page__share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-m__page__share ul li {
    margin: 0 10px 10px 0;
}

.blog-m__page__share ul li a {
    display: block;
}

.blog-m__page__share ul .fb svg path {
    fill: #415993;
}

.blog-m__page__share ul .tw svg path {
    fill: #6aabe9;
}

.blog-m__page__share ul .le svg path {
    fill: #3276b0;
}

.blog-m__page__share__title {
    font-size: 18px;
    line-height: 1.2;
    color: #F39200;
    margin-bottom: 25px;
}
/*.blog-m END*/

button.button--alt {
    background-color: #cdcdcd;
    color: #333;
}

button.button--alt:hover {
    background-color: #d4d4d4;
}

.checkout-page .block.block-cart {
    display: none;
}

@media screen and (max-width: 1023px) {
    .checkout-page .wrapper.nav-wrapper .page {
        padding: 0;
    }
}

@media screen and (max-width: 700px) {
    .checkout-page #search_mini_form {
        position: static;
        margin: 5px auto;
        transform: none;
        display: block;
    }
}

/*New price block in product item*/
.product-price_action-wrap {
    padding-top: 25px;
    margin-bottom: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    .product-price_action-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.price_block-price {
    color: #F39200;
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
}

.product-price_action-wrap .btn-cart {
    font-size: 0;
    height: 38px;
    width: 43px;
    background-image: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/forklift_white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 27px auto;
}

.price_block-info {
    line-height: 17px;
    font-size: 17px;
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.price_block-info-label {
    color: #7c7c7c;
}

.price_block-info-old_price {
    color: #616161;
    text-decoration: line-through;
}

.price_block-out {
    background-color: #d9d9d9;
    width: 43px;
    height: 38px;
    border-radius: 3px;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.price_block-out:before {
    font-family: "FontAwesome";
    content: "\f05e";
    color: #fff;
    font-size: 24px;
    display: block;
}

.products-grid.products-flex {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style: none;
    width: auto!important;
    align-items: stretch;
}

.products-flex .product-item {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}

.products-flex .product-item-4 {
    width: 25%;
}

.products-flex .product-item-5 {
    width: 20%;
}

@media screen and (max-width: 1199px) {
    .products-flex .product-item-4,
    .products-flex .product-item-5 {
        width: calc(100%/3);
    }
}

@media screen and (max-width: 1024px) {
    .products-flex .product-item-4 {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .products-flex .product-item-5 {
        width: 50%;
    }
}

.products-flex .product-image {
    position: relative;
}

.product-color_bar,
.products-flex .product-color_bar,
.products-flex .product-item .product-color_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 14px;
    display: block;
    margin: 0;
}
/*END New price block in product item*/

/*Custom Label in product options*/
.product-options-input--wrap input,
.product-options-input {
    border: 1px solid #474747;
    position: relative;
    margin-top: 2px;
    height: 36px;
    line-height: 36px;
    width: 100%;
    padding: 0 15px;
    cursor: pointer;
    background-color: #fff;
}

/*END Custom Label in product options*/
.product-logo {
    position: absolute;
    bottom: 24px;
    left: 10px;
    max-height: 40px;
    max-width: 100px;
    display: block;
    margin: 0;
    pointer-events: none;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

@media screen and (max-width: 599px) {
    .flexslider {
        padding-bottom: 20px;
    }
    .flex-control-nav {
        bottom: -5px;
    }
    .flex-direction-nav a {
        margin-top: -54px;
    }
}

.contacts {
    background: #f1f1f1;
    padding: 30px 30px 15px;
    color: #474747;
}

@media (max-width: 768px) {
    .contacts {
        margin-bottom: 20px;
    }
}

.contacts-heading {
    color: #474747 !important;
    margin-bottom: 15px;
}

.contacts hr {
    margin: 15px 0;
}

.contacts-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    font-weight: 700;
    padding: 0;
}

.contacts-list img {
    height: 20px;
    width: 25px;
    margin-right: 10px;
    margin-bottom: 0;
}

.contacts h4 {
    color: #474747;
}

@media (max-width: 768px) {
    .contactsWrapLaptop {
        display: none;
    }
}

@media (min-width: 769px) {
    .contactsWrapMobile {
        display: none;
    }
}

.category-items {
    border-top: 1px solid #cfcfcf;
    padding-top: 20px;
}

.category-items-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.category-items-col {
    padding: 0 10px;
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (max-width: 1024px) {
    .category-items-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.category-item {
    border: 1px solid #f39200;
    border-radius: 0 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    height: 130px;
    overflow: hidden;
    position: relative;
}

.category-item:hover {
    border: 1px solid #f39200;
}

.category-item-text {
    height: 72px;
    overflow: hidden;
    color: #474747;
    margin-right: 10px;
}

.category-item-img {
    width: auto;
    max-height: 100%;
    max-width: 30%;
    margin: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.category-item-title {
    border-radius: 0 20px 0 0;
    background-color: #f39200;
    display: block;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    position: absolute;
    max-width: 100%;
    bottom: 0;
    left: 0;
}

.category-item-title span {
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.category-item:hover {
    border-color: #434343;
}

.category-item:hover .category-item-title {
    background-color: #434343;
    color: #f39200;
}

.grecaptcha-badge { opacity:0;}
/*! Tablesaw - v2.0.3 - 2016-05-02
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2016 Filament Group; Licensed MIT */

table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */

.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em;
}

.tablesaw-enhanced .tablesaw-bar .btn {
  border: 1px solid #ccc;
  background: none;
  background-color: #fafafa;
  box-shadow: 0 1px 0 rgba(255,255,255,1);
  color: #4a4a4a;
  clear: both;
  cursor: pointer;
  display: block;
  font: bold 20px/1 sans-serif;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  /* Theming */
  background-image: -webkit-linear-gradient(top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100%);
  background-image: linear-gradient( top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100% );
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  border-radius: .25em;
}

.tablesaw-enhanced .tablesaw-bar a.btn {
  color: #1c95d4;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover {
  text-decoration: none;
}

/* Default radio/checkbox styling horizonal controlgroups. */

.tablesaw-enhanced .tablesaw-bar .btn:active {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, rgba( 100,100,100,.35 ) 0%, rgba( 255,255,255,0 ) 70%);
  background-image: linear-gradient( top, rgba( 100,100,100,.35 ) 0%, rgba( 255,255,255,0 ) 70% );
}

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus {
  color: #208de3;
  background-color: #fff;
  outline: none;
}

.tablesaw-bar .btn:focus {
  box-shadow: 0 0 .35em #4faeef !important;
}

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: block;
  position: absolute;
  font-weight: inherit;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
}

.tablesaw-bar .btn-select select {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  color: transparent;
}

.tablesaw-bar .btn select option {
  background: #fff;
  color: #000;
  font-family: sans-serif;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
  text-indent: 0;
}

.tablesaw-bar .btn.btn-small,
.tablesaw-bar .btn.btn-micro {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.tablesaw-bar .btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em;
}

.tablesaw-bar .btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em;
}

.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left;
}

.tablesaw-bar .btn-select:after {
  background: #e5e5e5;
  background: rgba(0,0,0,.1);
  box-shadow: 0 2px 2px rgba(255,255,255,.25);
  content: " ";
  display: block;
  position: absolute;
}

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
  padding-right: 1.5em;
}

.tablesaw-bar .btn-select:after {
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  box-shadow: none;
  border-left-width: 0;
}

/* Column navigation buttons for swipe and columntoggle tables */

.tablesaw-advance .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em;
}

.tablesaw-advance .btn.btn-micro {
  font-size: .8125em;
  padding: .3em .7em .25em .7em;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .5em;
  position: relative;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none;
}

/* Table Toolbar */

.tablesaw-bar {
  clear: both;
  font-family: sans-serif;
}

.tablesaw-toolbar {
  font-size: .875em;
  float: left;
}

.tablesaw-toolbar label {
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase;
}

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: .5em;
  margin-bottom: .5em;
}

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-family: sans-serif;
  font-size: 1em;
  padding-left: .3em;
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: .9em;
}

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-toolbar ~ table {
  clear: both;
}

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible;
  }
}

table.tablesaw tbody th {
  font-weight: bold;
}

table.tablesaw thead th,
table.tablesaw thead td {
  color: #444;
  font-size: .9em;
}

.tablesaw th,
.tablesaw td {
  line-height: 1em;
  text-align: left;
  vertical-align: middle;
}

.tablesaw td,
.tablesaw tbody th {
  vertical-align: middle;
  font-size: 1.17em;
  /* 19px */
}

.tablesaw td .btn,
.tablesaw tbody th .btn {
  margin: 0;
}

.tablesaw thead {
  border: 1px solid #e5e5e4;
  background: #e2dfdc;
  background-image: -webkit-linear-gradient(top, #fff, #e2dfdc);
  background-image: linear-gradient(to bottom, #fff, #e2dfdc);
}

.tablesaw thead th {
  font-weight: 100;
  color: #777;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff;
  text-align: left;
}

.tablesaw thead tr:first-child th {
  font-weight: normal;
  font-family: sans-serif;
  border-right: 1px solid #e4e1de;
}

/* Table rows have a gray bottom stroke by default */

.tablesaw tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw caption {
  text-align: left;
  margin-bottom: 0;
  opacity: .5;
  filter: alpha(opacity=50);
  line-height: 2.4;
}

@media (min-width: 25em) {
  .tablesaw caption {
    margin-bottom: .6em;
    line-height: 1.2;
  }
}

/* Stack */

.tablesaw-cell-label-top {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: normal;
}



@media (min-width: 40em) {
  .tablesaw td {
    line-height: 1.4em;
  }
}

@media only all {
  .tablesaw-swipe .tablesaw-cell-persist {
    border-right: 1px solid #e4e1de;
  }

  .tablesaw-swipe .tablesaw-cell-persist {
    box-shadow: 3px 0 4px -1px #e4e1de;
  }
}

/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
  /* Show the table cells as a block level element */

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */

  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}

.tablesaw-fix-persist {
  table-layout: fixed;
}

@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none;
  }
}

.btn.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em;
}

.tablesaw-columntoggle tbody td {
  line-height: 1.5;
}

/* Remove top/bottom margins around the fieldcontain on check list */

.tablesaw-columntoggle-popup {
  display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
  margin: 0;
}

/* Hide all prioritized columns by default */

@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: none;
  }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none;
}

/* Preset breakpoints if "" class added to table */

/* Show priority 1 at 320px (20em x 16px) */

@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */

@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */

@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }

  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }
}

/* Show priority 4 at 800px (50em x 16px) */

@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */

@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */

@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }
}

@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none;
  }

  /* Checked manually: Always show */

  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell;
  }
}

.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap;
}

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em;
}

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative;
}

.tablesaw-sortable thead tr th {
  padding-right: 1.6em;
  vertical-align: top;
}

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-bottom: .7em;
  padding-left: .6em;
  padding-right: 1.6em;
}

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  font: inherit;
  text-transform: inherit;
  position: relative;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  width: 7px;
  height: 10px;
  content: "\0020";
  position: absolute;
  right: .5em;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\2191";
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\2193";
}

.tablesaw-sortable .not-applicable:after {
  content: "--";
  display: block;
}

.tablesaw-sortable .not-applicable span {
  display: none;
}

.tablesaw-advance {
  float: right;
}

.tablesaw-advance.minimap {
  margin-right: .4em;
}

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em;
}

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block;
}

.tablesaw-advance-dots-hide {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none;
}
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("https://www.metaltis.be/skin/frontend/metaltis/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.homeslider {
  margin-bottom: 30px;
  border: 1px solid #f39200;
}

@media screen and (min-width: 601px){
  .homeslider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.homeslider a {
  display: block;
  border-bottom: none;
}

.homeslider a:hover {
  border-bottom: none;
}

.homeslider .main-gallery {
  width: 75%;
  float: left;
}

@media screen and (min-width: 601px){
  .homeslider .main-gallery a {
    height: 100%;
  }

  .homeslider .main-gallery a img {
    height: 100%;
  }
}

.homeslider .thumb-gallery {
  width: 25%;
  float: right;
}

.homeslider .thumb-gallery:before {
  width: 1px;
  background-color: #f39200;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.homeslider img {
   margin-bottom: 0;
   height: 100%;
}

.homeslider .thumb-gallery .swiper-wrapper {
  -moz-transform: translate3d(0px, 0px, 0px) !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.thumb-gallery .swiper-slide {
  height: auto !important;
  border-bottom: 1px solid #f39200;
}

.thumb-gallery .swiper-slide:last-child {
  border-bottom: none;
}

.thumb-gallery .swiper-slide-active:after {
  content: "";
  width: 12px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background-color: #f39200;
}

.no-touch .catalog-product-view .swiper-button-prev.swiper-button-black, .no-touch .catalog-product-view .swiper-button-next.swiper-button-black {
  display: none;
}

.no-touch .product-img-box:hover .swiper-button-prev.swiper-button-black,
.no-touch .product-img-box:hover .swiper-button-next.swiper-button-black {
  display: inline-block;
}

@media screen and (max-width: 600px){
  .homeslider .thumb-gallery {
    display: none;
  }

  .homeslider .main-gallery {
    width: 100%;
  }

  .homeslider .main-gallery .swiper-wrapper {
    display: block;
  }

  .homeslider .main-gallery .swiper-slide {
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    margin-bottom: 10px;
  }
   
}



/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 0 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	background: #fff;
	left: -5px;*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.bx-wrapper .bx-pager {
	top: auto;
	bottom: 10px;
	right: 20px;
	z-index: 8000;
	width: auto;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/slider/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: block;
	float: left;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a:link,
.bx-wrapper .bx-pager.bx-default-pager a:visited {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #e38d0b;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a:active,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e38d0b;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/slider/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/slider/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/slider/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(https://www.metaltis.be/skin/frontend/metaltis/default/images/slider/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/* box-sizing */
.fr-window, .fr-window [class^="fr-"],
.fr-overlay, .fr-overlay [class^="fr-"],
.fr-spinner, .fr-spinner [class^="fr-"] {
  box-sizing: border-box;
}

.fr-window {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  /* Chrome hack, this fixes a visual glitch when quickly toggling a video */
  transform: translateZ(0px);
}

/* z-index */
.fr-overlay { z-index:  99998; }
.fr-window {  z-index:  99999; }
.fr-spinner { z-index: 100000; }


/* overlay */
.fr-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.fr-overlay-background {
  float: left;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .9;
  filter: alpha(opacity=90);
}

.fr-overlay-ui-fullclick .fr-overlay-background {
  background: #292929;
  opacity: 1;
  filter: alpha(opacity=100);
}


/* mobile touch has position:absolute to allow zooming */
.fr-window.fr-mobile-touch,
.fr-overlay.fr-mobile-touch {
  position: absolute;
  overflow: visible;
}


/* some properties on the window are used to toggle things
 * like margin and the fullclick mode,
 * we reset those properties after measuring them
 */
.fr-measured {
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.fr-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-pages {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-page {
  position: absolute;
  width: 100%;
  height: 100%;
}


.fr-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

.fr-hovering-clickable .fr-container { cursor: pointer; }


/*
   padding:
   youtube & vimeo always have buttons on the outside
   side button = 72 = 54 + (2 * 9 margin)
   close button = 48
*/
/* padding ui:inside */
.fr-ui-inside .fr-container { padding: 20px 20px; }
.fr-ui-inside.fr-no-sides .fr-container { padding: 20px; }

/* padding ui:outside */
.fr-ui-outside .fr-container { padding: 20px 82px; }
.fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; }

/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 700px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 12px 12px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; }

  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 12px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; }
}

@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 500px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 0px 0px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 0px; }

  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 0px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 0px 48px; }
}

/* padding ui:fullclick */
.fr-ui-fullclick .fr-container { padding: 0; }
.fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; }

/* video fullclick */
.fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; }
.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; }

/* overflow-y should always have 0 padding top and bottom */
.fr-overflow-y .fr-container {
  padding-top: 0 !important;
  padding-bottom: 0!important;
}


.fr-content,
.fr-content-background {
  position: absolute;
  top: 50%;
  left: 50%;
  /* IE11 has a 1px blur bug on the edges of the caption (ui:inside)
     during animation with overflow:hidden */
  overflow: visible;
}

/* img/iframe/error */
.fr-content-element {
  float: left;
  width: 100%;
  height: 100%;
}

.fr-content-background {
  background: #101010;
}

.fr-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #efefef;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-info-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  line-height: 1%;
  filter: none;
  opacity: 1;
}
.fr-ui-inside .fr-info-background {
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
}
/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
.fr-ui-outside .fr-info-background { background: #0d0d0d; }


/* info at the bottom for ui:inside */
.fr-content .fr-info {
  top: auto;
  bottom: 0;
}

.fr-info-padder {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: auto;
}

.fr-caption {
  width: auto;
  display: inline;
  white-space: wrap;
}

.fr-position {
  color: #b3b3b3;
  float: right;
  line-height: 21px;
  opacity: 0.99;
  position: relative;
  text-align: right;
  margin-left: 15px;
  white-space: nowrap;
}

/* positions not within the info bar
   for ui:outside/inside */
.fr-position-outside,
.fr-position-inside {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 12px;
  width: auto;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
  display: none;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-position-inside {
  border: 0;
}

.fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0d0d0d;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1; /* oldIE */
}
.fr-position-text { color: #b3b3b3; }
.fr-position-outside .fr-position-text,
.fr-position-inside .fr-position-text {
  float: left;
  position: relative;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  opacity: 1;
}

/* display it for the outside ui, hide the caption inside */
.fr-ui-outside .fr-position-outside { display: block; }
.fr-ui-outside .fr-info .fr-position { display: none; }

.fr-ui-inside.fr-no-caption .fr-position-inside { display: block; }

/* links */
.fr-info a,
.fr-info a:hover {
  color: #ccc;
  border: 0;
  background: none;
  text-decoration: underline;
}
.fr-info a:hover { color: #eee; }

/* no-caption */
.fr-ui-outside.fr-no-caption .fr-info { display: none; }
.fr-ui-inside.fr-no-caption .fr-caption { display: none; }


/* --- stroke */
.fr-stroke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.fr-stroke-vertical { width: 1px; height: 100%; }
.fr-stroke-horizontal { padding: 0 1px; }

.fr-stroke-right { left: auto; right: 0; }
.fr-stroke-bottom { top: auto; bottom: 0; }

.fr-stroke-color {
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.08);
}

/* the stroke is brighter inside the info box */
.fr-info .fr-stroke-color { background: rgba(80,80,80,.3); }

/* remove the stroke when outside ui has a caption */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; }

/* remove stroke and shadow when ui:fullclick */
.fr-ui-fullclick .fr-stroke { display: none; }
.fr-ui-fullclick .fr-content-background { box-shadow: none; }

/* the info box never bas a top stroke */
.fr-info .fr-stroke-top { display: none; }



/* < > */
.fr-side {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  zoom: 1;
}
.fr-side-previous { left: 0; }
.fr-side-next { right: 0; left: auto; }

.fr-side-disabled { cursor: default; }
.fr-side-hidden { display: none !important; }

.fr-side-button {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.fr-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
  background-color: #ccc;
}
.fr-side-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* smaller side buttons */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-side {
    width: 54px;
    height: 60px;
    margin: 0;
    margin-top: -30px;
  }
  .fr-side-button {
    width: 48px;
    height: 60px;
    margin: 0 3px;
  }
}


/* X */
.fr-close {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fr-close-background,
.fr-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 26px;
  width: 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.fr-close-background { background-color: #000; }




/* Thumbnails */
.fr-thumbnails {
  position: absolute;
  overflow: hidden;
}
.fr-thumbnails-disabled .fr-thumbnails { display: none !important; }
.fr-thumbnails-horizontal .fr-thumbnails {
  width: 100%;
  height: 12%;
  min-height: 74px;
  max-height: 160px;
  bottom: 0;
}

.fr-thumbnails-vertical .fr-thumbnails {
  height: 100%;
  width: 10%;
  min-width: 74px;
  max-width: 160px;
  left: 0;
}

.fr-thumbnails,
.fr-thumbnails * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-thumbnails-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  top: 50%;
  left: 0;
}

.fr-thumbnails-slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  zoom: 1;
}

.fr-thumbnails-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.fr-thumbnails-thumbs {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

.fr-thumbnails-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.fr-thumbnail-frame {
  position: absolute;
  zoom: 1;
  overflow: hidden;
}

.fr-thumbnail {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 50%;
  top: 50%;
  zoom: 1;
  cursor: pointer;
  margin: 0 10px;
}
.fr-ltIE9 .fr-thumbnail * {
  overflow: hidden; /* IE6(7) */
  z-index: 1;
  zoom: 1;
}

.fr-thumbnail-wrapper {
  position: relative;
  background: #161616;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: inline; /* IE6(7) */
  z-index: 0; /* IE8 */
}

.fr-thumbnail-overlay { cursor: pointer; }
.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: transparent;
}
.fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; }
.fr-thumbnail .fr-thumbnail-image {
  position: absolute;
  filter: alpha(opacity=85);
  opacity: .85;
  max-width: none;
}
.fr-thumbnail:hover .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=99);
  opacity: .99;
}
.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=35);
  opacity: .35;
}
.fr-thumbnail-active { cursor: default;  }

/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-thumbnail-loading-background {
  background-color: #161616;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .8;
  position: relative;
  float: left;
}
/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }

/* error on thumbnail */
.fr-thumbnail-error .fr-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #202020;
}


/* Thumbnail < > */
.fr-thumbnails-side {
  float: left;
  height: 100%;
  width: 28px;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}
.fr-thumbnails-side-previous { margin-left: 12px; }
.fr-thumbnails-side-next { margin-right: 12px; }

.fr-thumbnails-vertical .fr-thumbnails-side {
  height: 28px;
  width: 100%;
  margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }
.fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }

.fr-thumbnails-side-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.fr-thumbnails-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-transition: background-color .2s ease-in;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

.fr-thumbnails-side-button-disabled * { cursor: default; }
.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

.fr-thumbnails-side-button-icon {
  height: 42px;
  width: 42px;
  position: absolute;
  /*top: -7px;
  left: -7px;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }

/* ui:fullclick has a dark thumbnail background */
.fr-window-ui-fullclick .fr-thumbnails { background: #090909; }

/* put a stroke on the connecting caption*/
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; }

/* thumbnail spacing  */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; }
.fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; }
.fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; }
/* horizontal */
@media all and (min-height: 700px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; }
}
@media all and (min-height: 980px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; }
}

/* vertical */
@media all and (min-width: 1200px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; }
}
@media all and (min-width: 1800px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }
}

/* hide thumbnails on smaller screens
   the js always hides them on touch based devices
*/
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 500px) {
  .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; }
}
@media all and (max-width: 700px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-thumbnails-vertical .fr-thumbnails { display: none !important; }
}


/* force fullClick: true
   and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-page { min-width: 100%; } /* fullclick */
  .fr-page { min-height: 100%; } /* overflow: false */
}


/* switch between ui modes
   we force everything not in the current UI mode to hide
*/
.fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,

.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,

.fr-window-ui-inside .fr-page > .fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-outside {
  display: none !important;
}


/* some ui elements can be toggled on mousemove.
   filter:alpha(opacity) is bugged so we use display in oldIE
*/
.fr-toggle-ui {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; }

.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; }

/* Spinner */
.fr-spinner {
  position: fixed;
  width: 52px;
  height: 52px;
  background: #101010;
  background: rgba(16,16,16,.85);
  border-radius: 5px;
}
.fr-spinner div {
  position: absolute;
  top: 0;
  left: 0;
  height: 64%;
  width: 64%;
  margin-left: 18%;
  margin-top: 18%;
  opacity: 1;
  -webkit-animation: fresco-12 1.2s infinite ease-in-out;
  animation:         fresco-12 1.2s infinite ease-in-out;
}

.fr-spinner div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 8px;
  margin-left: -1px;
  background: #fff;
  box-shadow: 0 0 1px rgba(0,0,0,0); /* fixes rendering in Firefox */
}

.fr-spinner div.fr-spin-1 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.fr-spinner div.fr-spin-2 { -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.fr-spinner div.fr-spin-3 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.fr-spinner div.fr-spin-4 { -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.fr-spinner div.fr-spin-5 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.fr-spinner div.fr-spin-7 { -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.fr-spinner div.fr-spin-8 { -ms-transform: rotate(240deg); -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.fr-spinner div.fr-spin-9 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.fr-spinner div.fr-spin-10 { -ms-transform: rotate(300deg); -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.fr-spinner div.fr-spin-11 { -ms-transform: rotate(330deg); -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.fr-spinner div.fr-spin-12 { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 0s; animation-delay: 0s; }

@-webkit-keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

/* Thumbnail spinner */
.fr-thumbnail-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
}
.fr-thumbnail-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 8px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
  animation: fr-thumbnail-spin 1.1s infinite linear;

}
.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
@-webkit-keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/* Error */
.fr-error {
  float: left;
  position: relative;
  background-color: #ca3434;
  width: 160px;
  height: 160px;
}

.fr-error-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
}


/* skin: 'fresco' */

/* Sprite */
.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/css/skins/fresco/sprite.svg');
}
/* fallback png sprite */
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url('https://www.metaltis.be/skin/frontend/metaltis/default/css/skins/fresco/sprite.png');
}

.fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; }

.fr-window-skin-fresco .fr-content-background {
  background: #101010;
  box-shadow: 0 0 5px rgba(0,0,0,.4);
}
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; }

/* thumbnail shadow */
.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }


/* < > */
.fr-window-skin-fresco .fr-side-button-background { background-color: transparent; }
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; }
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; }

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; }

/* transition (png) */
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }

/* disabled state (png) */
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; }

/* transition (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }
.fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: .5; }

.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; }

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: .8; }  /* touch always active but at lower opacity */

/* disabled (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: .2; } /* TODO: make sure this works */

/* hide for ui:inside/fullclick, only for the image type */
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; }

/* < > responsive */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: 0px -300px; }
  .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -48px -300px; }

  .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -48px -360px; }

  /* transition (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }

  /* transition (svg) */
  .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }

  /* disabled state (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: 0px -420px; }

  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -48px -420px; }
}

/* X */
/* colors */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; }
.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }

.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: .8; }
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; }

/* - image */
.fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px;}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; }

/* - transition */
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
  background-position: -210px -8px;
  opacity: .8;
}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon { opacity: 1; }
/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps
   force a single opacity to fix this
*/
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon,
.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; }

/* Thumbnails */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {
  border-width: 1px;
  border-color: rgba(255, 255, 255, .08); /* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

/* Thumbnails < > */
.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px;}
.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; }
.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px;}
.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; }
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px;}
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; }
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px;}
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; }

/* Thumbnails < > transition */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon {
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; }
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; }
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; }
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; }

/* lower opacity on disabled states */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

/* lower opacity IE < 9 using images */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -49px;
}
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -91px;
}
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
  filter: alpha(opacity=50);
}
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -49px;
}
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -91px;
}

/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('https://www.metaltis.be/skin/frontend/metaltis/default/css/fonts/flexslider-icon.eot');
  src: url('https://www.metaltis.be/skin/frontend/metaltis/default/css/fonts/flexslider-icon.eot@') format('embedded-opentype'), url('https://www.metaltis.be/skin/frontend/metaltis/default/css/fonts/flexslider-icon.woff') format('woff'), url('https://www.metaltis.be/skin/frontend/metaltis/default/css/fonts/flexslider-icon.ttf') format('truetype'), url('https://www.metaltis.be/skin/frontend/metaltis/default/css/fonts/flexslider-icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  padding-bottom: 60px;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 60px;
  margin: -80px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 20px;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px !important;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #999;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #f39203;
}
.flex-control-paging li a.flex-active {
  background: #f39203;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

@media screen and (max-width: 599px) {
  .flexslider {
    padding-bottom: 20px;
  }
  .flex-control-nav {
    bottom: -5px;
  }
  .flex-direction-nav a {
    margin-top: -54px;
  }
}

#iblightbox{	position: absolute;	left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0;}
#iblightbox img{ width: auto; height: auto;}
#iblightbox a img{ border: none; }
#iblightbox #ibouterImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#iblightbox #ibimageContainer{padding: 10px;}
#iblightbox #ibloading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#iblightbox #ibloadingLink {width: 32px; height:32px; display:block; background: url(https://www.metaltis.be/skin/frontend/metaltis/default/iceberg/lightbox/images/loading.gif) 0 0 no-repeat;left:0; right:0; margin: 0 auto;}
#iblightbox #ibloadingLink span{display:none}
#iblightbox #ibhoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#iblightbox #ibimageContainer>#ibhoverNav{ left: 0;}
#iblightbox #ibhoverNav a{ outline: none;}
#iblightbox #ibprevLink, #ibnextLink{height: 100%;background: transparent url(https://www.metaltis.be/skin/frontend/metaltis/default/iceberg/lightbox/images/blank.gif) no-repeat; display: block;}
#iblightbox #ibprevLink { left: 0; float: left; width:20%}
#iblightbox #ibnextLink { right: 0; float: right; width:79%}
#iblightbox #ibprevLink:hover, #ibprevLink:visited:hover { background: url(https://www.metaltis.be/skin/frontend/metaltis/default/iceberg/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#iblightbox #ibnextLink:hover, #ibnextLink:visited:hover { background: url(https://www.metaltis.be/skin/frontend/metaltis/default/iceberg/lightbox/images/nextlabel.gif) right 15% no-repeat; }
#iblightbox #ibimageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;margin-top:-2px}
#iblightbox #ibimageData{	padding:0 10px; color: #666; }
#iblightbox #ibimageData #ibimageDetails{ width: 70%; float: left; text-align: left; }	
#iblightbox #ibimageData #ibcaption{ font-weight: bold; 	font-size:12px	}
#iblightbox #ibimageData #ibnumberDisplay{ display: block; clear: left; padding-bottom: 0.3em;	}	
#iblightbox #ibimageData #ibstaticNav{ display: block; clear: left; padding-bottom: 0.5em;	}			
#iblightbox #ibimageData #ibstaticNav a{margin-right:5px;font-size:12px}	
#iblightbox #ibimageData #ibbottomNavClose{ width: 66px; height:22px; display:block; background: url(https://www.metaltis.be/skin/frontend/metaltis/default/iceberg/lightbox/images/closelabel.gif) 0 0 no-repeat; float: right;  padding-bottom: 0.7em; outline: none;}	
#iblightbox #ibimageData #ibbottomNavClose span {display:none}
#iboverlay{position: absolute;top: 0;left: 0;z-index: 1000;width: 100%;height: 500px;background-color: #000;}
#iblightbox #iblightboxHTML {line-height:14px;text-align:left;font-size:13px}