@charset "UTF-8";
a, a:hover {
    text-decoration: none
}

.v-top, caption, img, sup, td, th {
    vertical-align: top
}

.main, .page {
    position: relative
}

.collapsible-header, .waves-effect {
    -webkit-tap-highlight-color: transparent
}

.blog-cat-view .postWrapper .postDetails, .blog-index-list .postWrapper .postDetails, .invisible, .visibility-hidden, ul.home-menu-social-network li a span {
    visibility: hidden
}

@font-face {
    font-family: Cabin;
    font-style: normal;
    font-weight: 400;
    src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v12/K6ngFdK5haaaRGBV8waDwA.ttf) format('truetype')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype')
}

@font-face {
    font-family: Ronda;
    src: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/rondaitcbybtlig-webfont.eot);
    src: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/rondaitcbybtlig-webfont.eot?#iefix) format("embedded-opentype"), url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/rondaitcbybtlig-webfont.woff) format("woff"), url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/rondaitcbybtlig-webfont.ttf) format("truetype"), url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/rondaitcbybtlig-webfont.svg#ITCRondaRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Source Sans pro semiBold;
    src: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/Source_Sans_Pro/semiBold/SourceSansPro-SemiBold.eot);
    src: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/Source_Sans_Pro/semiBold/SourceSansPro-SemiBold.eot?#iefix) format("embedded-opentype"), url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/Source_Sans_Pro/semiBold/SourceSansPro-SemiBold.woff) format("woff"), url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/Source_Sans_Pro/semiBold/SourceSansPro-SemiBold.ttf) format("truetype"), url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/fonts/Source_Sans_Pro/semiBold/SourceSansPro-SemiBold.svg#ITCRondaRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

* {
    margin: 0;
    padding: 0
}

.hidden, .no-margin {
    margin: 0 !important
}

body {
    font: 11px "Source Sans Pro", sans-serif;
    color: #385463;
    text-align: center;
    background: #fff;
    overflow: visible !important;
}

img {
    border: 0
}

a {
    color: #283c49
}

:focus {
    outline: 0
}

.radius5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

fieldset, table {
    border: 0
}

form {
    display: block
}

.no-display, legend {
    display: none
}

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

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

caption, td, th {
    text-align: left;
    font-weight: 400
}

address, cite {
    font-style: normal
}

blockquote, q {
    quotes: none
}

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

ol, ul {
    list-style: none
}

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

.page-empty, .page-popup, .page-print {
    padding: 20px;
    text-align: left
}

.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-middle {
    vertical-align: middle
}

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

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

.f-none {
    float: none !important
}

.f-fix {
    width: auto;
    padding: 0 32px;
}

.no-bg {
    background: 0 0 !important
}

.page {
    overflow-x: hidden;
    text-align: left
}

.page-empty, .page-print {
    background: #fff
}

.main-container {
    background-position: top center !important;
    background-size: auto auto !important;
    position: relative;
    z-index: 1;
}

.main:not(.cms-home) {
    padding: 0 ;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    background-color: #FFF
}

.cms-home .main {
    background: #fff !important;
    width: auto;
    max-width: 100%;
    padding: 0;
}

.col-left {
    float: left;
    width: 22%;
    margin-top: 10px;
}

.col-main {
    float: left;
    width: 736px
}

.col-right {
    float: right;
    width: 23%;
}

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

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

.col2-right-layout .col-main {
    width: 76%;
}

.col3-layout .col-main {
    width: 484px;
    margin-left: 10px
}

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

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

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

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

.col2-set .col-narrow {
    width: 33%
}

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

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

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

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

.col4-set .col-2 {
    margin: 0 2%
}

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

.num-vert-fixed {
    position: fixed;
    top: 240px;
    z-index: 99;
    margin: 0 0 0 -175px;
    width: 150px;
    height: 146px;
    text-indent: -100em;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/numero-vert-fr.png) no-repeat
}

.num-vert-fixed.it {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/numero-vert-it.png) no-repeat
}

.num-vert-fixed.nl {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/numero-vert-nl.png) no-repeat
}

.num-vert-fixed.be, .num-vert-fixed.lu {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/numero-vert-be.png) no-repeat
}

button, input, select, textarea {
    font: 12px Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #283c49
}

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 #ddd;
    padding: 2px 5px
}

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

textarea {
    overflow: auto
}

input.checkbox, input.radio {
    margin-right: 3px
}

input.qty {
    width: 2.5em !important
}

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

button.button {
    -webkit-border-fit: lines;
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: #283c49;
    cursor: pointer;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

button.button.btn-update {
    background: 0 0
}

a.button, a.button span {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}

button.button span {
    float: left;
    height: 21px;
    padding: 0 0 0 8px;
    color: #fff;
    font: 400 12px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: nowrap
}

button.button span span {
    background-position: 100% 0;
    padding: 2px 12px 0 4px
}

a.button, a.button-small, button.button-small {
    padding: 0;
    width: auto;
    margin: 0;
    display: block;
    cursor: pointer
}

a.button {
    display: block;
    background: #507480;
    color: white;
    padding: 9px 0;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.8px;
    width: 100%;
    border-radius: 0;
}

a.button:hover {
    opacity: 0.7;
}

a.button:hover span {
    border: none;
    height: 27px
}

button.button.btn-cart {
    overflow: visible;
    width: auto;
    height: 29px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    border: 1px solid #ff7800;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_slideshow-home-button.gif) repeat-x
}

button.button.btn-cart span {
    padding: 5px 7px 0 40px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/icon_basket.png) 10px 0 no-repeat;
    display: block;
    color: #fff;
    font: 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap
}

button.button.btn-cart span span {
    padding: 0;
    border: none;
    background: 0 0
}

button.button.add-to-cart.small {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/cart_add.svg) 0 0 no-repeat !important;width: 26px;
    height: 27px;
}

button.button.small.noback.orange {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right-or.svg) 0 0 no-repeat transparent !important;
    width: 19px;
    height: 24px;
}

button.button.add-to-cart.small.small span,button.button.small.noback.orange span {
    font-size: 0 !important;
}

button.button.small.noback.orange span {
    float: none;
    padding: 0;
    line-height: 0;
    font-size: 0;
}


button.button.add-to-cart.small.small:hover span {
    color: #fff
}

button.button.add-to-cart.big {
    margin: 10px 0 0;
    width: 160px;
    height: 30px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_button-add-to-cart-small.png) no-repeat
}

button.button.add-to-cart.big span {
    padding: 5px 7px 0 28px;
    line-height: 18px;
    text-transform: uppercase
}

button.button.add-to-cart.big:hover {
    background-position: 0 0
}

button.button.add-to-cart.big:hover span {
    color: #fff
}

button.button.grey {
    height: 26px;
    margin: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_grey-button.gif) repeat-x
}

button.button.grey span {
    padding: 5px 9px 2px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    background: 0 0
}

button.button.grey:hover span {
    color: #FFF
}

.quick-access .searchautocomplete .nav-search-in, .quick-access .searchautocomplete label[for=search] {
    display: none
}

.quick-access .searchautocomplete {
    position: relative;
    background: 0 0;
    padding: 0;
    height: auto;
    width: 316px;
    border-radius: 0
}

.quick-access .searchautocomplete .searchautocomplete-placeholder {
    left: 0;
    top: 35px
}

.quick-access .searchautocomplete .searchautocomplete-placeholder ul li .price-box {
    color: #FF9000
}

button.button.newsletter span, button.button.search span {
    display: block;
    color: #fff;
    white-space: nowrap;
    text-align: left;
    text-transform: uppercase
}

.quick-access .searchautocomplete .searchautocomplete-loader {
    top: 6px;
    right: 38px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/ajax-loader.gif)
}

.quick-access .searchautocomplete .nav-submit-button .button, button.button.search {
    overflow: visible;
    width: auto;
    padding: 2px 8px 0 5px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    cursor: pointer;
    display: block;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_button-search-form.gif) repeat-x;
    border: 1px solid #f58d31;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 28px
}

button.button.search span {
    padding: 5px 7px 0 5px;
    background: 0 0;
    font: 14px Arial, Helvetica, sans-serif
}

button.button.search span span {
    padding: 0;
    border: none;
    background: 0 0
}

button.button.search:hover {
    background-position: 0 -28px;
    border: 1px solid #383434
}

button.button.newsletter {
    overflow: visible;
    width: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_button-search-form.gif) repeat-x;
    border: 1px solid #f58d31;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 22px
}

button.button.newsletter span {
    padding: 2px 3px 0;
    background: 0 0;
    font: 13px Arial, Helvetica, sans-serif
}

.title-buttons, p.required {
    text-align: right
}

button.button.newsletter span span {
    padding: 0;
    border: none;
    background: 0 0
}

button.button.newsletter:hover {
    background-position: 0 -28px;
    border: 1px solid #383434
}

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

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

.form-list label {
    float: left;
    color: #111;
    margin-top: 4px;
    position: relative;
    z-index: 0
}

.form-list label.required em {
    font-style: normal;
    color: #eb340a
}

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

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

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

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

.form-list .field {
    float: left;
    width: 275px
}

.form-list input.input-text {
    width: 254px
}

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

.form-list select {
    width: 260px
}

.form-list li.wide .input-box {
    width: 535px
}

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

.form-list li.wide select {
    width: 535px
}

.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
}

.buttons-set .back-link, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year {
    float: left
}

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

.form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-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 .name-firstname, .form-list .customer-name-prefix-middlename-suffix .name-firstname {
    width: 140px
}

.form-list .customer-name-prefix-middlename .name-firstname input.input-text, .form-list .customer-name-prefix-middlename-suffix .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-middlename .name-firstname, .form-list .customer-name-prefix .name-firstname {
    width: 210px
}

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

.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, .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text {
    width: 189px
}

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

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

.error, .success {
    font-weight: 700
}

.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: 5px 0 0;
    padding: 5px
}

.buttons-set button.button {
    float: right
}

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

.fieldset .legend {
    float: left;
    font-weight: 700;
    font-size: 13px;
    border: 1px solid #fefefe;
    background: #dedede;
    color: #333;
    margin: -33px 0 0 -10px;
    padding: 0 8px;
    position: relative
}

.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 17px;
    font-size: 10px;
    line-height: 13px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/validation_advice_bg.gif) 2px 1px no-repeat;
    color: red
}

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

p.required {
    font-size: 10px;
    color: red
}

.v-fix {
    float: left
}

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

.data-table, .messages {
    width: 100%
}

.success {
    color: #3d6611
}

.error {
    color: red
}

.notice {
    color: #ccc
}

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

.messages {
    overflow: hidden
}

.messages li {
    margin: 0 0 10px
}

.messages li li {
    margin: 0 0 3px
}

.error-msg, .note-msg, .notice-msg, .success-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: 700 !important
}

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

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

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

.breadcrumbs {
    padding: 8px 0;
    margin: 0;
    font-size: 12px
}

.breadcrumbs span {
    float: left;
    margin: 0 5px 0 0
}

.breadcrumbs li {
    display: inline;
    font-size: 14px;
    color: #687178;
}

.cart-tax-info, .links li {
    display: block
}

.breadcrumbs li a {
    color: #666
}

.breadcrumbs li span {
    float: none;
    margin: 0
}

.page-title {
    margin: 0 0 20px
}

.page-title h1 {
    font-size: 30px;
    color: #283c49;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
}
.page-title h2 {
    font-size: 21px;
    color: #283c49
}

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

.page-title .link-rss {
    float: right
}

.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
    float: left
}

.sub-title, .subtitle {
    clear: both
}

.data-table th {
    padding: 5px;
    border: 1px solid #ddd;
    border-right: 0;
    border-left: 0;
    font-weight: 700;
    white-space: nowrap
}

.data-table td {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    border-right: 0;
    border-left: 0
}

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

.data-table thead {
    background-color: #666464
}

.data-table tbody.even, .data-table tr.even {
    background-color: #f6f6f6
}

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

.data-table tbody.even td, .data-table tbody.odd td {
    border-width: 0 1px
}

.data-table tbody.even tr.border td, .data-table tbody.odd tr.border td {
    border-bottom-width: 1px
}

.data-table th .tax-flag {
    white-space: nowrap;
    font-weight: 400
}

.data-table td.label, .data-table th.label {
    font-weight: 700;
    background-color: #fff
}

tr.summary-total {
    cursor: pointer
}

tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_collapse.gif) 0 4px no-repeat;
    cursor: pointer
}

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

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
}

.cart-empty {
    margin-left: 40px
}

.std dl dd, .std ul.disc {
    margin: 0 0 10px
}

.cart-tax-total {
    display: block;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_collapse.gif) 100% 4px no-repeat;
    cursor: pointer
}

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

.link-cart, .link-compare, .link-reorder, .link-wishlist, .std dl dt {
    font-weight: 700
}

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

.std .subtitle {
    padding: 0
}

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

.std ul.disc {
    list-style: disc;
    padding-left: 18px
}
.btn-remove, .btn-remove2, .divider {
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
}

.link-print {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px
}

.link-rss {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/i_rss.gif) 0 1px no-repeat;
    padding-left: 18px;
    white-space: nowrap
}

.btn-remove {
    width: 14px;
    height: 14px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/btn_remove.gif) no-repeat
}

.btn-remove2 {
    width: 16px;
    height: 16px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/btn_trash.gif) no-repeat
}

.separator {
    margin: 0 3px
}

.divider {
    clear: both;
    height: 1px;
    margin: 10px 0;
    background: #ddd
}

.demo-notice, .noscript {
    font-size: 12px;
    text-align: center
}

.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    line-height: 1.25;
    color: #2f2f2f
}

.noscript .noscript-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 12px 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/i_notice.gif) 20px 50% no-repeat
}

.noscript p {
    margin: 0
}

.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    line-height: 1.15;
    color: #fff
}
.header-container.rf .global-container .top-header .links a{
    padding: 0 7px;
    border: 0;
    font-family: "Source Sans Pro";
    color: #687178;
    font-size: 11px;
    letter-spacing: 0.7px;
}
.header-container.rf .global-container .top-header .links li a:hover {
    opacity: 0.75;
}
.header-container.rf .global-container .top-header .links li.contact a{
    font-weight: bold;
}
.header-container.rf .global-container .top-header .links li{
    float: left;
    padding-right: 7px;
}
.header-container.rf .global-container .top-header .links{
    display: inline-block;
    float: right;
    margin-right: 0;
    padding: 7px;
}
.header-container.rf .global-container .top-header .header_shipping span{
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    color:#687178;
    letter-spacing: 1.3px;
    font-weight: bold;
}
.header-container.rf .global-container .top-header .header_shipping{
    display: inline-block;
    width: 20%;
    padding: 10px 0 10px 12px;
    float: left;
    text-align: left;
}
.header-container.rf .global-container .top-header .select-language .other-stores-tree li:hover{
    opacity: 0.75;
}
.header-container.rf .global-container .top-header .select-language .other-stores-tree li{
    margin-bottom: 8px;
}
.header-container.rf .global-container .top-header .select-language .other-stores-tree{
    display: none;
    position: absolute;
    background: #f6f6f6;
    z-index: 99999;
    margin-top: 7px;
    padding: 12px 10px;
    margin-left: -10px;
}
.header-container.rf .global-container .top-header .select-language .current-store .store-info:after{
    position: absolute;
    content: '';
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg) 0 0 no-repeat;
    width: 14px;
    height: 27px;
    background-size: 6px;
    transform: rotate(90deg);
    right: 14px;
    top: 0;
}
.header-container.rf .global-container .top-header .select-language .store-info {
    position: relative;
}
.header-container.rf .global-container .top-header .select-language  span{
    margin-left: 6px;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 2px;
    font-size: 11px;
    font-family: "Source Sans Pro";
    color: #687178;
}
.header-container.rf .global-container .top-header .current-store:hover{
    opacity: 0.75;
}
.header-container.rf .global-container .top-header .current-store{
    cursor: pointer;
}
.header-container.rf .global-container .top-header .select-language{
    display: inline-block;
    width: 97px;
    background: transparent;
    border: 0;
    text-align: left;
    float: left;
    margin-left: 17px;
    margin-top: 9px;
}
.header-container.rf .global-container .top-header{
    display: table;
    width: 100%;
}
.topH.sticky .header-container.rf > .global-container{
    display: none;
}
.header-container.rf .header-bottom .global-container > div.logo img{
    transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}
.topH.sticky .header-container.rf #nav li.level-top > div{
    top:48px;
}
.topH.sticky .header-container.rf .nav-container .menu {
    padding-top: 7px;
}
.topH.sticky .header-container.rf .header-bottom .global-container > div.logo img{
    width: 90px;
    height: 61px;
    transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}
.header-container.rf .global-container{
    max-width: 1140px;
    margin: auto;
    width: 100%;
    text-align: center;
}
.header-container.rf .header-bottom .global-container > div.logo{
    margin-left: 15px;
}
.header-container.rf .header-bottom .global-container > div.phone-number{
    margin:19px 0 0 16px;
}
.header-container.rf .header-bottom .global-container > div.search.clearfix{
    margin-top: 15px;
}
.header-container.rf .header-bottom .global-container > div.infos .customer .account span{
    font-size: 0;
}
.header-container.rf .header-bottom .global-container > div.infos >div.cart .minicart .numberOfItems{
    background: #0eb48d;
    color: white;
    border-radius: 100%;
    position: absolute;
    top: 0;
    width: 15px;
    height: 15px;
    display: block;
    text-align: center;
    line-height: 15px;
    right: -4px;
    font-size: 10px;
}
.header-container.rf .header-bottom .global-container > div.infos >div.cart .minicart{
    display: block;
    width: 32px;
    height: 37px;
    position: absolute;
    top: 0;
}
.header-container.rf .header-bottom .global-container > div.infos >div.cart > a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.header-container.rf .header-bottom .global-container > div.infos >div.cart >a span{
    border:0;
    font-size: 0;
}

.header-container.rf .header-bottom .global-container > div.infos >div.cart {
    margin-top: 14px;
    position: relative;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationStyle:hover ,
.header-container.rf .header-bottom .global-container > div.infos .cart .cartStyle:hover,
.header-container.rf .header-bottom .global-container > div.infos .customer .account:hover{
    opacity: 0.75;
}

.header-container.rf .header-bottom .global-container > div.infos >div{
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;
    margin-left: 26px;
    position: relative;
}
.header-container.rf .header-bottom .global-container > div.infos{
    width: 23%;
    text-align: right;
}
.header-container.rf .header-bottom .global-container > div.infos .cart .cartStyle{
    width: 32px;
    height: 37px;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/cart.svg') 0 0 no-repeat;
}
.header-container.rf .header-bottom .global-container > div.infos .customer .account{
    width: 30px;
    height: 33px;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/user.svg') 0 0 no-repeat;
    cursor: pointer;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationStyle span{
    font-size: 0;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationStyle{
    width: 34px;
    height: 31px;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/quotation.svg') 0 0 no-repeat;
    cursor: pointer;
}
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent ul li:first-child{
    margin-bottom: 10px;
}
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent a.logout:hover{
    opacity: 0.75;
}
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent a.logout{
    display: block;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #687178;
}
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent ul li a:hover{
    opacity: 0.75;
}
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent ul li a{
    display: block;
    background: #0eb48d;
    color: white;
    padding: 9px 0;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.8px;
    max-width: 150px;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationContent:before,
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent:before{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 46%;
    background: white;
    transform: rotate(-135deg);
    -webkit-box-shadow:3px 3px 6px -2px rgba(213,213,213,1);
    -moz-box-shadow: 3px 3px 6px -2px rgba(213,213,213,1);
    box-shadow: 3px 3px 6px -2px rgba(213,213,213,1);
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationContent.opened,
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent.opened{
    opacity: 1;
    max-height: inherit;
    z-index: 9999999;
    -webkit-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition:  opacity 0.3s ease-in-out;
    visibility: visible;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationContent,
.header-container.rf .header-bottom .global-container > div.infos .customer .accountContent{
    display: block;
    position: absolute;
    top: 46px;
    background: white;
    z-index: -1;
    text-align: center;
    width: 149px;
    left: -75px;
    margin: auto;
    padding: 14px;
    -webkit-box-shadow:  0 0 6px 1px rgba(213,213,213,1);
    -moz-box-shadow:  0 0 6px 1px rgba(213,213,213,1);
    box-shadow: 0 0 6px 1px rgba(213,213,213,1);
    opacity: 0;
    min-height: 0;
    -webkit-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition:  opacity 0.3s ease-in-out;
    visibility: hidden;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationContent > a:hover{
    opacity: 0.75;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationContent > a{
    font-weight: bold;
    text-transform: uppercase;
    color: #0eb48d;
    letter-spacing: 2px;
    font-size: 14px;
}
.header-container.rf .header-bottom .global-container > div.infos .quotation .quotationContent{
    left: -81px;
    padding: 19px;
    z-index: 0;
}
.header-container.rf .header-bottom .global-container > div{
    display: inline-block;
    vertical-align: top;
}


.header-container.rf .header-bottom{
    background: white;
    padding-top: 5px;
}
.header-container.rf {
    background-color: #f6f6f6;
}

.header-bottom .searchautocomplete .nav .nav-input {
    margin: 0;
    padding: 6px 0;
    z-index: 12;
    position: relative;
}
.header-bottom .searchautocomplete .nav{
    background: none;
    width: 342px;
    margin: 0;
    float: left;
    height: 34px;
    position: relative;
}
.header-bottom .searchautocomplete .nav-submit-button .button:hover {
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/search.svg') 0 0 no-repeat transparent;
}
.header-bottom .searchautocomplete .nav-submit-button .button span{
    font-size: 0;
}
.header-bottom .searchautocomplete .nav-submit-button .button {
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/search.svg') 0 0 no-repeat transparent;
    padding: 0;
    font-size: 0;
    width: 22px;
    height: 22px;
    border-radius: 0;
    float: right;
    border:0;
}
.header-bottom .searchautocomplete.focused:after {
    width: 100%;
}
.header-bottom .searchautocomplete:after {
    content: '';
    display: block;
    border-bottom: 3px solid #0eb48d;
    width: 0;
    position: absolute;
    left: 0;
    -webkit-transition:  1s ease;
    -moz-transition:  1s ease;
    -o-transition: 1s ease;
    transition:  1s ease;
    bottom: 0;
}

.header-bottom .searchautocomplete .nav .nav-input {
    position: relative;
}
.header-bottom .searchautocomplete .nav .nav-input input {
    font-size: 14px;
    background: transparent;
    color: #0eb48d;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 9px;
    margin-left: 0;
    border: 0;
    width: 100%;
}
.header-bottom .searchautocomplete .nav-submit-button {
    background: none;
    padding-left: 0;
    float: right;
    padding-top: 5px;
}
.header-bottom .searchautocomplete{
    position: relative;
    top: auto;
    right: auto;
    width: 376px;
    margin-left: 50px;
    border-radius: 0;
    padding: 1px 0 6px 0 ;
    height: 34px;
}
.header {
    padding: 4px 0;
    position: relative;
    width: 940px;
    margin: 0 auto
}

.header .logo {
    float: left;
    text-decoration: none !important;
    margin: 0 0 0 -74px;
    padding: 0
}

.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 .welcome-msg {
    font-weight: 700;
    text-align: right
}

.header .links {
    float: left;
    position: absolute;
    left: 80px;
    top: 4px;
    width: 500px
}

.header .quick-access {
    float: left;
    margin: 36px 0 0 175px
}

.quick-access .searchautocomplete .nav {
    background: 0 0;
    width: auto
}

.header .form-search, .quick-access .searchautocomplete .nav .nav-input {
    text-align: right;
    border: 1px solid #bfbfbf;
    height: 26px;
    padding: 0 !important;
    margin: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_search-mini-form.gif) repeat-x;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 316px
}

.quick-access .searchautocomplete .nav-submit-button {
    background: 0 0;
    height: auto;
    padding-left: 0;
    z-index: 20;
    position: absolute;
    right: -2px
}

.header .form-search button.button {
    margin: -1px -2px 0 0;
    float: right
}

.header .form-search input.input-text, .quick-access .searchautocomplete .nav .nav-input input {
    padding: 0;
    border: none;
    margin: 5px 0 0 8px;
    background: #f1efef;
    float: left;
    width: 275px;
    height: auto;
    font: 12px Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #283c49
}

.item-options dt, em {
    font-style: italic
}

.header .form-search .search-autocomplete {
    z-index: 999;
    margin-top: 8px;
    margin-left: -5px
}

.header .form-search .search-autocomplete ul {
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.header .form-search .search-autocomplete li {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    text-align: left;
    font-size: 14px
}

.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: 700
}

.header .form-language {
    position: absolute;
    left: 110px;
    top: 50px
}

.header .form-language li.flag-fr {
    margin: 0 5px 0 0
}

#choicelanguages li {
    display: inline
}

.header-container .top-container {
    clear: both;
    text-align: right
}

.header .infos {
    float: right;
    font-size: 12px;
    width: 337px;
    margin: 3px -3px 3px 0
}

.header .infos div.header-title a {
    font-size: 15px;
    text-decoration: none;
    font-weight: 400;
    margin: 0 2px 0 0;
    color: #FFF
}

.header .infos .content {
    margin: 0 10px
}

.header .infos .content li {
    margin: 0 0 5px
}

.header .infos .content li a {
    text-decoration: underline
}

.header .infos .button-small {
    position: absolute;
    right: 6px;
    bottom: 6px
}

.header .infos .customer {
    width: 168px;
    height: 50px;
    color: #FFF;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-color: #77909C
}

.header .infos .cart:before, .header .infos .customer:before {
    height: 25px;
    content: ' ';
    position: absolute;
    display: block
}

.header .infos .customer:before {
    width: 27px;
    top: 19px;
    left: 19px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/icon-user.png)
}

.header .infos .cart:before {
    width: 28px;
    top: 13px;
    left: 24px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/icon-cart.png)
}

.header .infos .cart {
    width: 169px;
    height: 50px;
    color: #283c49;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background-color: #FF9000
}

.header .infos .cart .header-title, .header .infos .customer .header-title {
    text-align: right;
    font-size: 15px;
    margin: 5px
}

.header .list {
    position: absolute;
    height: 30px;
    right: 0;
    bottom: 0;
    margin: 0 0 8px;
    font-size: 13px
}

.header .list li {
    float: left;
    height: 29px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_header-menu.gif) 0 3px repeat-x
}

.header .list li a {
    display: block;
    padding: 4px 0;
    color: #283c49;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    font-size: 15px
}

.header .list li a span {
    display: block;
    padding: 1px 10px;
    border-right: 1px solid #cfcfcf
}

.header .list li:last-child a span {
    border: none
}

.header .list li a:first-letter {
    font-weight: 700
}

.header .list li.active, .header .list li:hover {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_header-menu.gif) 0 -26px repeat-x
}

.header .list li.active a, .header .list li:hover a {
    color: #fff;
    border: none
}

.header .list li.active a span {
    border-right: 1px solid transparent
}

.header .list li:hover:last-child a span {
    border-right: 0
}

.header .list li:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: 1px solid #e9e9e9
}

.block .block-title, .header .list li:last-child {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}

.header .list li:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    border-right: 1px solid #e9e9e9
}

.block {
    float: left;
    width: 298px;
    overflow: hidden;
    margin: 0 0 10px 20px;
    font-size: 12px;
}

.block.first {
    margin: 0 0 10px;
    clear: left
}

.block .block-title {
    font-size: 24px;
    color: #fff;
    font-family: Ronda, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 3px 8px 1px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-clip: padding-box;
    background-color: #283c49
}

.block .block-title strong {
    font-size: 14px;
    font-weight: 700
}

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

.block .block-subtitle {
    font-size: 13px;
    font-weight: 700
}

.block .block-content {
    padding: 8px;
    height: 179px;
    color: #283C49;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: #fff
}

.cms-formulaire-de-cotation .block .block-content, .cms-preventivo .block .block-content, .cms-scoreformulier .block .block-content {
    padding: 0;
}

.cms-formulaire-de-cotation .webforms-cotation_form, .cms-preventivo .webforms-cotation_form, .cms-scoreformulier .webforms-cotation_form {
    margin: 20px 0;
}

.block .block-content li.item {
    padding: 5px 0
}

.block .btn-remove {
    float: right
}

.block .actions {
    text-align: right
}

.block .actions a {
    float: left
}

.block .block-content a.button {
    margin-top: 8px
}

.block.block-eco .block-title {
    background-color: #b0c934
}

.block.block-eco .block-content {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_block-eco-content.png) 95% 35% no-repeat #fff;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.block.block-eco .block-content ul li {
    color: #557483;
    margin: 0 0 3px
}

.block.block-eco .block-content ul li strong {
    color: #283c49
}

.block.block-services {
    clear: both;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0 !important;
    width: 940px;
    float: left;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #a5b8c0));
    background: -webkit-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -o-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -ms-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: linear-gradient(to bottom, #fff 0, #a5b8c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5b8c0', GradientType=0);
    border: 1px solid #d0d8dc
}

.cms-home .block.block-services .block-title {
    padding: 0
}

.cms-home .block.block-services .block-title a {
    display: block;
    height: 27px;
    color: #fff;
    padding: 1px 2px 2px 5px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/h2_more.png) right no-repeat
}

.cms-home .block.block-services .block-content {
    height: 310px
}

.block.block-marques .block-content {
    padding: 8px 0
}

.col-left .block {
    float: none;
    width: auto;
    margin: 0;
}

.col-left .block .block-title {
    font-size: 17px
}

.col-left .block .block-content {
    height: auto;
    padding: 14px 8px
}

.col-left .block-manufacturers select {
    width: 200px
}

.col-left .block-left {
    border: 1px solid #283c49;
    margin: 7px 0 0
}

.col-left .block.block-services {
    float: left;
    width: 220px;
    margin: 7px 0
}

.col-left .block.block-services .block-title {
    background-color: #B2C527
}

.col-left .block.block-services .block-content {
    padding: 0 8px 20px;
    height: auto;
    border-top: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #fff
}

.col-left .home-menu-services {
    float: none;
    width: 220px;
    height: auto;
    padding: 5px 0 0;
    margin: 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #a5b8c0));
    background: -webkit-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -o-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -ms-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: linear-gradient(to bottom, #fff 0, #a5b8c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5b8c0', GradientType=0);
    border: 1px solid #d0d8dc;
    text-align: left
}

.col-left ul.home-menu-services li:first-child {
    margin: 0 10px 0 0
}

.col-left .block-services .block-content {
    padding: 0 !important
}

.col-left .home-menu-services li {
    width: 100%;
    margin: 0 10px 0 0;
    list-style: none inside !important;
    border-bottom: 1px #6A8A99 dotted
}

.col-left .home-menu-services li a {
    display: block;
    width: 100%;
    min-height: 20px;
    line-height: 14px;
    font-weight: 700;
    padding: 20px 0 0 50px;
    font-size: 14px;
    color: #283C49;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/home-services-sprite-aside.png) no-repeat
}

.col-left .home-menu-services li a span {
    position: relative !important;
    width: auto !important;
    margin: 0 !important
}

.col-left .home-menu-services li.reparation a {
    background-position: 0 0
}

.col-left .home-menu-services li.reparation a:hover {
    background-position: 0 -40px
}

.col-left .home-menu-services li.reprise a {
    background-position: 0 -80px
}

.col-left .home-menu-services li.reprise a:hover {
    background-position: 0 -120px
}

.col-left .home-menu-services li.try-and-buy a {
    background-position: 0 -160px
}

.col-left .home-menu-services li.try-and-buy a:hover {
    background-position: 0 -200px
}

.col-left .home-menu-services li.ecorecycle a {
    background-position: 0 -240px
}

.col-left .home-menu-services li.ecorecycle a:hover {
    background-position: 0 -280px
}

.col-left a.button {
    float: none;
    margin: 6px 0;
    width: auto;
    clear: both;
}

.block-compare, .col-left a.button span {
    font-size: 14px;
    height: auto;
    white-space: normal;
    text-align: left;
    color: white;
    border: none;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    padding: 0 5px;
    display: block;
}

.block-compare .actions a {
    color: red;
    text-decoration: underline
}

.mini-products-list- li {
    padding: 5px 0
}

.mini-products-list- .product {
    width: 150px;
    height: 250px;
    text-align: center
}

.mini-products-list- .product-image {
    display: block;
    width: 100%;
    height: 160px;
    position: relative;
    border: none;
}

.mini-products-list- .product-details .product-name {
    padding-left: 0;
}
.mini-products-list- .product-details {
    margin: 10px auto 5px
}

.mini-products-list- .product-details h4 {
    font-size: 1em;
    font-weight: 700;
    margin: 0
}

.mini-products-list- .old-price {
    padding: 2px 0 0
}

.product-view .mini-products-list- .product {
    position: relative;
    height: auto;
    min-height: 225px;
    width: 100%;
}

.mini-products-list- button.button.add-to-cart.small {
    width: 150px;
    overflow: hidden
}

.mini-products-list- button.button.add-to-cart.small span {
    font-size: 11px
}

.block-currency select {
    width: 100%;
    border: 1px solid #888
}

.block-layered-nav dt {
    font-weight: 700
}

.block-layered-nav .btn-remove {
    float: left;
    margin: 2px 3px 0 0
}

.col-left .block-layered-nav dt {
    border-bottom: none;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #687178;
    letter-spacing: 1px;
}
.col-left .block-layered-nav [data-id="m_left_price_filter"] + dd.even{
    padding: 6px 0 0 0;
}
.m-filter-slider > .m-slider-span{
    border-bottom:2px solid #0eb48d !important;
    height: 6px !important;
}
.m-filter-slider > .m-slider-from, .m-filter-slider > .m-slider-to{
    background: #0eb48d !important;
    border-radius: 100%;
    height: 14px !important;
    width: 14px !important;
}
.m-slider-values .m-slider-min-value,.m-slider-values .m-slider-max-value {
    float: left;
    font-size: 12px;
    color: #687178;
    padding-top: 4px;
}
.m-slider-selected-value {
    font-size: 18px;
    color: #687178;
    letter-spacing: 3px;
    font-weight: 600;
}
ol.m-filter-css-checkboxes li a.m-checkbox-unchecked, ol.m-filter-css-checkboxes li a.m-checkbox-checked{
    position: relative;
    padding-left: 28px !important;
}
ol.m-filter-css-checkboxes li a:before{
    vertical-align: top;
    background: #fff;
    margin-top: 0;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 9px;
    height: 14px;
    width: 14px;
    border: 2px solid #767676;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    text-align: center;
    margin-right: 10px;
    border-radius: 2px;
}
ol.m-filter-css-checkboxes li a.m-checkbox-checked:after{
    height: 22px;
    margin-left: 0;
    counter-increment: i;
    color: white;
    font-weight: 600;
    content: '';
    line-height: 1;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/checked.png) 0 0 no-repeat;
    width: 18px;
    background-size: 18px;
    border: none !important;
}
.m-filter-slider{
    background: none !important;
    margin: 10px 0 1px !important;
}
.block .actions.clearAll {
    padding-top: 15px;
}
.block .actions.clearAll a{
    font-weight: bold;
    text-transform: uppercase;
    color: #0eb48d;
    letter-spacing: 2px;
    font-size: 14px;
    float: right;
}
.col-left .block-layered-nav .BlockL {
    border-bottom: 1px solid #687178;
    padding: 10px 0;
}
.col-left .block-layered-nav dd {
    margin-bottom: 10px;
    padding: 6px 0 0 22px;
}

.col-left .block-layered-nav dd a.m-show-more-action,.col-left .block-layered-nav dd a.m-show-less-action {
    font-weight: bold;
    text-transform: uppercase;
    color:#0eb48d;
    letter-spacing: 2px;
    font-size: 14px;
}

.col-left .block-layered-nav dd a:hover {
    opacity: 0.75;
}
.col-left .block-layered-nav dd a {
    font-weight: normal;
    font-size: 15px;
    color: #687178;
}

.col-left .block-layered-nav dd ol li {
    margin-bottom: 0;
    line-height: 23px;
}

.col-main .block-layered-nav {
    float: none;
    width: 100%;
    margin: 0
}

.col-main .block-layered-nav .block-title {
    font-size: 17px;
    padding-bottom: 4px;
    border: 1px solid #999;
    border-bottom: 0;
    color: #283c49;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_title-product-layer.gif) repeat-x
}

.col-main .block-layered-nav .block-content {
    height: auto
}

.col-main .block-layered-nav li {
    float: left;
    margin: 8px 10px 5px;
    vertical-align: top;
    ont-weight: bold;
    width: 150px
}

.col-main .block-layered-nav li h2 {
    font-weight: 700;
    font-size: 12px
}

.col-main .block-layered-nav li ul.child {
    margin: 5px 0 0
}

.col-main .block-layered-nav li ul.child li {
    float: none;
    display: block;
    margin: 0 0 5px;
    font-weight: 400
}

.col-main .block-featured {
    float: none;
    width: 100%;
    margin: 20px 0 0
}
.col-left .block-layered-nav .block-title span,
.col-main .block-featured .block-title span{
    font-size: 24px;
}
.col-left .block-layered-nav .block-title strong,.col-main .block-featured .block-title strong{
    font-size: 24px;
    font-weight: 500;
}
.col-left .block-layered-nav .block-content{
    border: none !important;
}
.col-left .block-layered-nav .block-title,
.col-main .block-featured .block-title {
    font-size: 24px !important;
    color: #687178 !important;
    border-bottom: 1px solid #687178 !important;
    text-transform: none !important;
    letter-spacing: 2px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    background-color: white !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
    font-weight: normal !important;
}

.col-main .block-featured .block-title span {
    color: #f60
}

.col-main .block-featured .block-content {
    position: relative;
    height: 220px;
    padding: 15px 0 10px
}

.col-main .block-featured .block-content li {
    width: 630px
}

.col-main .block-featured .block-content li .product {
    float: left;
    height: 220px;
    margin: 0 7px 0 0
}

.col-main .block-featured .block-content li .product.last {
    margin: 0
}

.col-main .block-carroussel .block-content li .product .price-box, .col-main .block-featured .block-content li .product .price-box {
    text-align: center;
    background-color: #283C49;
    box-sizing: border-box;
    padding: 2px
}

.col-main .block-featured .slidesContainer {
    margin: 0 auto
}

.col-main .block-featured .slidesNavigation {
    display: block;
    width: 38px;
    height: 61px
}

.col-main .block-featured .slidesPrevious {
    position: absolute;
    left: 0;
    top: 50px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_previous-button.gif) top left no-repeat
}

.col-main .block-featured .slidesNext {
    position: absolute;
    right: 0;
    top: 50px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_next-button.gif) top left no-repeat
}

.block-cart .subtotal {
    text-align: center
}

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

.block-banner .block-content, .category-image {
    text-align: center
}

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

.block-compare li, .block-related-products li {
    padding: 5px 0
}

.block-related-products input.checkbox {
    float: left;
    margin-right: -20px
}

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

.block-related-products .product .product-image {
    float: left;
    margin-right: -65px
}

.block-related-products .product .product-details {
    margin-left: 65px
}

.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 .answer {
    font-weight: 700
}

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

.block-tags li, .block-tags ul {
    display: inline
}

.block-reorder li {
    padding: 5px 0
}

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

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

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

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

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

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

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

.category-title h1 {
    font-size: 21px;
    margin: 0 0 20px
}

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

.category-description.std .category-title.main h1 {
    font-size: 28px;
    margin: 32px 36px 20px;
    color: white;
    text-transform: none;
}
.category-description.std .category-title.main {
    font-size: 28px;
    letter-spacing: 4px;
    margin-top: 0;
    position: absolute;
    background: transparent;
    text-align: left;
    z-index: 9;
}
.category-description .category-title strong > a img{
    display: block;
    margin: auto;
}
.category-description .category-title strong > a{
    display: table-cell;
}
.category-description .category-title strong{
    display: table;
    width: 94%;
    margin: auto;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
}
.category-description .category-desc {
    overflow: hidden;
    height: 334px;
}
.category-description .category-desc img{
    display: block;
    top: 0;
    position: relative;
    left: 50%;
    width: auto;
    height: auto;
    vertical-align: bottom;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-width: none;
}
.category-description .category-title{
    text-align: center;
    font-size: 28px;
    color: #687178;
    letter-spacing: 4px;
    margin-top: 20px;
}
.category-description .general-desc .list{
    margin-top: 33px;
    text-align: center;
    right: 37px;
}
.category-description .general-desc {
    position: absolute;
    top: 84px;
    color: white;
    width: auto;
    left: 37px;
    font-size: 14px;
    right:37px;
}
.category-description {
    margin: 0 0 70px;
    font-size: 12px;
    position: relative;
}

.category-description ul {
    list-style: none !important;
    display:inline-block;
    text-align: left;
    margin-right: 44px;
}
.category-description ul li.info {
    font-size: 17px;
}
.category-description ul li.title {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 14px;
}

.category-products {
    margin: 0
}

.b2b-negotiated-index .col-left .phone-shop-block {
    margin: 10px 0;
}
.manufacturers-view-index .box h2,
.catalog-category-view .box h2,
.b2b-negotiated-index .box h2,
.catalogsearch-result-index .box h2 {
    font-size: 17px;
    margin: 10px
}
.manufacturers-view-index .mini-products-list-,
.catalog-category-view .mini-products-list-,
.catalogsearch-result-index .mini-products-list-,
.b2b-negotiated-index .mini-products-list- {
    position: relative
}

.manufacturers-view-index .mini-products-list- li.slide,
.catalog-category-view .mini-products-list- li.slide,
.catalogsearch-result-index .mini-products-list- li.slide,
.b2b-negotiated-index .mini-products-list- li.slide {
    width: 830px;
    height: 215px
}

.manufacturers-view-index .mini-products-list- .product,
.catalog-category-view .mini-products-list- .product,
.catalogsearch-result-index .mini-products-list- .product,
.b2b-negotiated-index .mini-products-list- .product {
    float: left;
    margin-right: 18px;
    height: 200px;
    position: relative
}

.manufacturers-view-index .mini-products-list- .product.last,
.catalog-category-view .mini-products-list- .product.last,
.catalogsearch-result-index .mini-products-list- .product.last,
.b2b-negotiated-index .mini-products-list- .product.last {
    margin: 0
}

.mini-products-list- .product .product-name {
    color: #333;
    font-weight: 700;
    font-size: 12px !important;
    min-height: 50px
}

.mini-products-list- .product .regular-price .price, .mini-products-list- .product .special-price .price {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    background: 0 0
}

.mini-products-list- .product .regular-price .label, .mini-products-list- .product .special-price .label {
    color: #fff;
    font-size: 11px;
    font-weight: 700
}

.mini-products-list- .product .price-box .minimal-price-link, .product-view .section .box.related .mini-products-list- .product .price-box .minimal-price-link .label {
    display: block;
    float: none
}

.mini-products-list- .product .price-box .minimal-price-link .price {
    float: none;
    margin: 0 auto;
    color: #283c49;
    font-size: 13px;
    font-weight: 700;
    background: 0 0
}

.mini-products-list- .product .old-price .price {
    font-size: 12px
}

.mini-products-list- .product button.button.add-to-cart.small {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0 auto
}
.home-grid-products .product-name{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 6px;
    color:#677178;
}
.manufacturers-view-index .products-grid,
.catalogsearch-result-index .products-grid,
.catalog-category-view .products-grid,
.b2b-negotiated-index .products-grid {
    position: relative;
    width: auto !important;
    margin: 10px 0 0 0 !important;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}

.manufacturers-view-index .products-grid.last,
.catalog-category-view .products-grid.last,
.catalogsearch-result-index .products-grid.last,
.b2b-negotiated-index .products-grid.last {
    border-bottom: 0
}

.manufacturers-view-index .products-grid li.item:hover,
.catalog-category-view .products-grid li.item:hover,
.catalogsearch-result-index .products-grid li.item:hover,
.b2b-negotiated-index .products-grid li.item:hover {
    box-shadow: 0 0 9px #888888;
    transition: box-shadow 0.3s ease-in-out;
    -webkit-transition:  box-shadow 0.3s ease-in-out;
    -moz-transition:  box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
}
.manufacturers-view-index .products-grid li.item .product-link,
.catalog-category-view .products-grid li.item .product-link,
.catalogsearch-result-index .products-grid li.item .product-link,
.b2b-negotiated-index .products-grid li.item .product-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.catalog-category-view .product-shop .actions{
    position: absolute;
    z-index: 9;
}

.manufacturers-view-index .col1-layout .products-grid li.item:nth-child(4n),
.catalog-category-view .col1-layout .products-grid li.item:nth-child(4n),
.catalogsearch-result-index .col1-layout .products-grid li.item:nth-child(4n),
.b2b-negotiated-index .col1-layout .products-grid li.item:nth-child(4n){
    margin-right: 0;
}
.manufacturers-view-index .col1-layout .products-grid li.item,
.catalog-category-view .col1-layout .products-grid li.item,
.catalogsearch-result-index .col1-layout .products-grid li.item,
.b2b-negotiated-index .col1-layout .products-grid li.item{
    width: 24%;
}
.manufacturers-view-index .col1-layout .toolbar-bottom .pager .pages,
.catalog-category-view .col1-layout .toolbar-bottom .pager .pages,
.catalogsearch-result-index .col1-layout .toolbar-bottom .pager .pages,
.b2b-negotiated-index .col1-layout .toolbar-bottom .pager .pages{
    margin: 57px 0 15px 0;
}
.manufacturers-view-index .products-grid li.item,
.catalog-category-view .products-grid li.item,
.catalogsearch-result-index .products-grid li.item,
.b2b-negotiated-index .products-grid li.item {
    width: 32%;
    margin-right: 10px;
    position: relative;
    transition: box-shadow 0.3s ease-in-out;
    -webkit-transition:  box-shadow 0.3s ease-in-out;
    -moz-transition:  box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}
.manufacturers-view-index .products-grid li.item .f-fix,
.catalog-category-view .products-grid li.item .f-fix,
.catalogsearch-result-index .products-grid li.item .f-fix,
.b2b-negotiated-index .products-grid li.item .f-fix{
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}

.manufacturers-view-index .products-grid li.item .product-shop,
.catalog-category-view .products-grid li.item .product-shop,
.catalogsearch-result-index .products-grid li.item .product-shop,
.b2b-negotiated-index .products-grid li.item .product-shop {
    height: 35%;
}

.manufacturers-view-index .products-grid .product-image img,
.catalog-category-view .products-grid .product-image img,
.catalogsearch-result-index .products-grid .product-image img,
.b2b-negotiated-index .products-grid .product-image img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.manufacturers-view-index .products-grid .product-image,
.catalog-category-view .products-grid .product-image,
.catalogsearch-result-index .products-grid .product-image,
.b2b-negotiated-index .products-grid .product-image {
    background-color: #fff;
    position: relative;
    display: block;
    height: 280px;
}


.manufacturers-view-index .products-grid .content-product-name .brand,
.catalog-category-view .products-grid .content-product-name .brand,
.catalogsearch-result-index .products-grid .content-product-name .brand,
.b2b-negotiated-index .products-grid .content-product-name .brand {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #687178;
}
.manufacturers-view-index .products-grid .product-name,
.catalog-category-view .products-grid .product-name,
.catalogsearch-result-index .products-grid .product-name,
.b2b-negotiated-index .products-grid .product-name {
    text-align: left;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    display: inline;
}

.manufacturers-view-index .products-grid .product-name a,
.catalog-category-view .products-grid .product-name a,
.catalogsearch-result-index .products-grid .product-name a,
.b2b-negotiated-index .products-grid .product-name a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #687178;
}

.manufacturers-view-index .products-grid .price-box,
.catalogsearch-result-index .products-grid .price-box,
.catalog-category-view .products-grid .price-box,
.b2b-negotiated-index .products-grid .price-box {
    margin: 5px 0
}


.manufacturers-view-index .products-grid .actions .availability,
.catalog-category-view .products-grid .actions .availability,
.catalogsearch-result-index .products-grid .actions .availability,
.b2b-negotiated-index .products-grid .actions .availability {
    line-height: 21px;
    margin: 10px 0 0
}

.manufacturers-view-index .products-grid .minimal-price-link .price,
.catalogsearch-result-index .products-grid .minimal-price-link .price,
.catalog-category-view .products-grid .minimal-price-link .price,
.b2b-negotiated-index .products-grid .minimal-price-link .price {
    font-size: 15px !important;
    color: #385463 !important;
    background-color: #A5B8C0 !important
}
body:not(.cms-home) .main-container .reassurance .global-container{
    clear: both;
    width: 100%;
    max-width: 1110px;
    margin: auto;
}
body:not(.cms-home) .main-container .reassurance{
    clear: both;
    background: #F7F8FA;
    padding: 10px 0 5px 0;
}
.manufacturers-view-index .products-grid .minimal-price-link .label,
.catalog-category-view .products-grid .minimal-price-link .label,
.catalogsearch-result-index .products-grid .minimal-price-link .label,
.b2b-negotiated-index .products-grid .minimal-price-link .label {
    padding: 7px 10px 0 0
}

.manufacturers-view-index .products-grid .triple-price .minimal-price-link .price,
.catalog-category-view .products-grid .triple-price .minimal-price-link .price,
.catalogsearch-result-index .products-grid .triple-price .minimal-price-link .price,
.b2b-negotiated-index .products-grid .triple-price .minimal-price-link .price {
    font-size: 12px !important
}

.product-shop .price-box.triple-price .regular-price .price, .product-shop .price-box.triple-price .special-price .price {
    font-size: 17px !important
}

.manufacturers-view-index .products-grid .triple-price .old-price,
.catalogsearch-result-index .products-grid .triple-price .old-price,
.catalog-category-view .products-grid .triple-price .old-price,
.b2b-negotiated-index .products-grid .triple-price .old-price {
    font-size: 10px !important
}

.col2-left-layout .manufacturers-view-index .products-grid,
.col2-left-layout .catalog-category-view .products-grid,
.col2-right-layout .catalog-category-view .products-grid {
    width: 700px;
    margin: 0 auto
}

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

.products-list-home {
    float:none;
    width: auto !important;
    margin:0 !important;
    border-bottom: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}

.products-list-home .top {
    background-color: #fff;
    border-radius: 5px
}

.products-list-home .top:after {
    display: block;
    clear: both;
    content: " "
}

.products-list-home .left, .products-list-home .right {
    float: left !important;
    height: auto;
    overflow: hidden
}

.products-list-home .left {
    width: 110px
}

.products-list-home .right {
    width: 170px;
    padding: 0 0 0 13px
}

.products-list-home .right .product-name {
    height: 50px
}

.products-list-home .right .content {
    min-height: 90px;
    padding: 30px 15px 0 0
}

.products-list-home .product-image img {
    max-width: 110px;
    height: auto
}

.products-list-home .bottom {
    float: left;
    width: 288px;
    clear: both;
    padding: 5px 0 0
}

.products-list-home .bottom div {
    display: inline-block
}

.products-list-home .bottom .add-to-cart {
    margin-left: 5px
}

.products-list-home .bottom button.add-to-cart {
    width: 160px
}

.products-list-home .bottom .price-box {
    float: left;
    width: 125px;
    min-height: 26px;
    padding: 4px 0 0
}

.products-list-home .product-shop .regular-price {
    text-align: center !important
}

.products-list-home .bottom button {
    float: right;
    width: 160px
}

.products-list-home .bottom .price-box {
    text-align: center;
    background-color: #283C49
}

.products-list-home .bottom .minimal-price-link .price {
    padding: 4px 4px 2px;
    font-size: 13px !important
}

.products-list-home .regular-price {
    clear: both
}

.products-list-home li.item:last-child {
    margin-right: 0;
}
.products-list-home li.item .content .image img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.products-list-home li.item .content .image{
    position: relative;
    height: 261px;
}
.products-list-home li.item:hover {
    box-shadow: 0 0 9px #888888;

}
.products-list-home li.item {
    margin: 0 20px 0 0 ;
    height: auto !important;
    width: 22%;
    border-radius: 0;
    background: white;
    position: relative;
    transition: box-shadow 0.3s ease-in-out;
    -webkit-transition:  box-shadow 0.3s ease-in-out;
    -moz-transition:  box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    padding: 10px 0;
}

.products-list-home li.item:nth-child(3n+1) {
    clear: left
}

.products-list-home .product-image {
    height: 100% !important;
    width: 100% !important;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 9;
    position: absolute;
}

.products-list-home button.button.add-to-cart.small {
    margin: 0
}

.products-grid li.item .stock {
    z-index: 100;
    position: absolute;
    display: block;
    margin: -5px 0 0 -5px;
    text-indent: -1000em;
    width: 68px;
    height: 68px;
    color: #FFF;
    font-size: 14px
}

.rating-box, .tool-tip .btn-close a {
    text-indent: -999em;
    overflow: hidden
}

.products-grid li span.in-stock {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/stock-fr.png) no-repeat
}

.products-grid li span.out-of-stock {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/epuise-fr.png) no-repeat
}

.home-grid-products .products-grid li.item span.out-of-stock, .home-grid-products .products-grid li.item span.stock {
    margin: -5px 0 0 -5px !important
}

.home-grid-products .brand {
    padding: 0 0 0 5px
}

.products-list {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff
}

.products-list li.item {
    border-bottom: 1px solid #ccc
}

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

.products-list .product-image {
    float: left;
    position: relative;
    margin: 10px;
    width: 90px;
    height: 90px;
    border: 1px solid #e7e7e7
}

.products-list .product-image .stock {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px;
    border-radius: 0 0 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #FFF;
    font-size: 14px
}

.products-list .product-image .in-stock {
    background: #b0c934
}

.products-list .product-image .out-of-stock {
    background: #D83820
}

.products-list .product-shop {
    padding: 10px 0 0;
    margin-left: 100px;
    width: 578px;
    overflow: hidden;
    position: relative
}

.products-list .product-name {
    float: left;
    margin: 0 0 5px;
    color: #333;
    width: 285px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: underline
}

.products-list .product-name:hover {
    text-decoration: none
}

.no-rating a:hover, .products-list .brand a, .products-list .no-rating a {
    text-decoration: underline
}

.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 {
    float: right
}

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

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

.minimal-price-link, .old-price, .price-excl-tax, .price-excl-tax .label, .price-excl-tax .price, .price-excluding-tax, .price-incl-tax, .price-incl-tax .label, .price-incl-tax .price, .rating-box, .regular-price, .weee {
    display: block
}

.products-list .no-rating {
    float: left;
    font-size: 12px
}

.products-list .right {
    width: 205px;
    padding: 0 10px 0 0
}

.products-list .left {
    width: 355px;
    position: relative;
    overflow: hidden;
    height: 110px;
    padding: 0 0 5px
}

.products-list .product-shop .quick-infos {
    float: left;
    margin-top: 0
}

.products-list .brand {
    float: right;
    margin-right: 10px
}

.products-list .brand a {
    font-size: 13px;
    font-weight: 700
}

.products-list .product-shop .subtitle {
    color: #283c49;
    font-weight: 400
}

.products-list .product-shop .quick-infos li {
    color: #283c49
}

.products-list .product-shop button.button.add-to-cart.small {
    float: right;
    margin: 0
}

.products-list .product-shop .price-box .minimal-price-link, .products-list .product-shop .price-box .old-price, .products-list .product-shop .price-box .regular-price, .products-list .product-shop .price-box .special-price {
    float: left;
    margin: 0 10px 0 0
}

.products-list .product-shop .price-box .regular-price .label, .products-list .product-shop .price-box .regular-price .price, .products-list .product-shop .price-box .special-price .label, .products-list .product-shop .price-box .special-price .price {
    font-size: 16px
}

.products-list .product-shop .price-box .old-price .price {
    font-size: 12px
}

.products-list .price-box .minimal-price-link .price {
    background: 0 0;
    font-size: 13px;
    font-weight: 700;
    color: #283c49
}

.products-list .product-shop .price-box .old-price {
    margin-top: 3px
}

.products-list .product-shop .price-box .old-price .label {
    font-size: 12px;
    font-weight: 700;
    margin-left: 5px
}

.products-list .product-shop .price-box .minimal-price-link .label {
    margin: 2px 4px 0 0
}

.products-list .product-shop .price-box .minimal-price-link .price {
    padding: 0
}

.products-list .product-shop .price-box {
    position: absolute;
    bottom: 5px;
    margin: 0;
    height: 20px
}

.no-rating {
    margin: 0
}

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

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

.ratings .rating-links {
    margin: 0
}

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

.rating-box {
    width: 69px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_rating.gif) repeat-x
}

.rating-box .rating {
    float: left;
    height: 13px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_rating.gif) 0 100% repeat-x
}

.ratings .rating-box {
    float: left;
    margin-right: 3px
}

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

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

.availability {
    margin: 0
}

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

.availability span {
    font-weight: 700
}

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

.availability-only a {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat;
    cursor: pointer;
    padding-right: 15px
}

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

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

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

.price {
    white-space: nowrap !important
}

.old-price {
    text-align: center;
    color: #a6b8c0
}

.old-price .price-label {
    white-space: nowrap
}

.catalog-product-view .old-price .price {
    font-size: 18px;
    color: #687178 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
}
.old-price .price {
    font-weight: 700;
    text-decoration: line-through
}

.special-price .price-label {
    white-space: nowrap
}

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

.minimal-price-link {
    margin: 5px 0 2px !important;
    text-align: right
}

.minimal-price-link .price {
    font-weight: 400
}

.price-excluding-tax .label {
    white-space: nowrap
}

.price-including-tax {
    display: block;
    font-size: 15px;
    margin-bottom: 10px
}

.price-including-tax .label {
    white-space: nowrap;
    font-size: 15px !important;
    position: inherit !important
}

.price-including-tax .price {
    font-weight: 700
}

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

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

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

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

.price-incl-tax .price {
    font-weight: 700
}

.price-from .price-label, .price-to .price-label {
    font-weight: 700;
    white-space: nowrap
}

.price-notice {
    padding-left: 10px
}

.price-notice .price {
    font-weight: 700
}

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

.tier-prices .price {
    font-weight: 700
}

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

.add-to-cart label {
    float: left;
    margin-right: 5px
}

.add-to-cart .qty {
    float: left
}

.add-to-cart button.button {
    float: right;
    margin-left: 5px
}

.add-to-box .add-to-cart, .add-to-box .add-to-links, .add-to-box .or {
    float: left
}

.add-to-cart .paypal-logo {
    clear: left;
    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-box .or {
    margin: 0 10px
}

.product-collateral .box-collateral {
    margin: 0 0 15px
}

.product-view .product-img-box {
    float: left;
    width: 56%;
    position: relative;
    margin-top: 14px;
}
.product-view .mini-products-list- li:hover{
    box-shadow: 0 0 9px #888888;
    transition: box-shadow 0.3s ease-in-out;
    -webkit-transition:  box-shadow 0.3s ease-in-out;
    -moz-transition:  box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
}
.product-view .mini-products-list- li{
    width: 24%;
    position: relative;
    transition: box-shadow 0.3s ease-in-out;
    -webkit-transition:  box-shadow 0.3s ease-in-out;
    -moz-transition:  box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
}
.product-view .mini-products-list-{
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}
.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto
}

.product-view .product-img-box .product-image {
    position: relative
}

.product-view .product-img-box .product-image .pictos {
    position: absolute;
    bottom: 30px;
    right: 55px;
}

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

.col1-layout .product-view .product-shop .blocTop .brand{
    float: right;
    overflow: hidden;
    clear: both;
}
.col1-layout .product-view .product-shop .blocTop{
    clear: both;
    overflow: hidden;
    margin-bottom: 27px;
    margin-right: 37px;
}
.product-view .product-img-box .product-image-zoom img#image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-view .product-img-box .zoom-notice {
    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.connexing.be/nl/../skin/frontend/connexing-refonte/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)";
    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.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/magnifier_handle.gif) 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 ul {
    margin-left: -4px
}

.product-view .product-img-box .more-views li {
    float: left;
    padding: 1px;
    background-color: #ddd;
    margin: 0 0 8px 4px;
    border:none !important;
}

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

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

.product-view .box-tags .form-add p, .product-view .short-description {
    clear: both
}

.product-view .short-description{
    margin-left: 70px !important;
}
.product-image-popup .nav {
    margin: 0 100px;
    text-align: center
}

.product-image-popup .image {
    display: block
}

.product-view .product-img-box .more-views {
    margin: 10px 0 0
}

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

.col1-layout .product-view .product-shop .pecentage{
    position: absolute;
    top: -5px;
    left: 21px;
    font-size: 20px;
    color:#0eb48d;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
}
.col1-layout .product-view .product-shop {
    float: right;
    width: 43%;
    position: relative;
    margin-top: 14px;
}

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

.product-view .product-name {
    padding-left: 32px;
}
.product-view .product-name h1 {
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #687178;
    font-weight: bold;
}

.product-options {
    padding: 10px;
    margin: 10px 0 0;
    border: 1px solid #ddd;
    background-color: #f6f6f6
}

.product-options dt label {
    font-weight: 700
}

.product-options dt .qty-holder {
    float: right
}

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

.product-options dt .qty-disabled {
    background: 0 0;
    border: 0;
    padding: 3px;
    color: #283c49
}

.product-options dd {
    margin: 10px 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: 100%
}

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

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

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

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

.product-options p.required {
    padding: 15px 0 0
}

.product-options-bottom {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0
}

.product-options-bottom .price-box {
    margin: 10px 0
}

.product-view .box-up-sell .products-grid td {
    width: 25%
}

.product-view .box-tags .form-add label {
    float: left
}

.product-view .box-tags .form-add .input-box {
    float: left;
    width: 260px;
    margin: 0 5px
}

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

.product-view .box-reviews .reviews-table {
    width: 100%;
    font-size: 12px
}

.product-view .box-reviews .reviews-table th {
    border-bottom: 1px solid #898989;
    font-weight: 700;
    padding: 3px 10px
}

.product-view .box-reviews .reviews-table td {
    padding: 5px 10px;
    border-bottom: 1px solid #eaeaea
}

.product-view .box-reviews .reviews-table .odd td {
    background: #f7f7f7
}

.product-view .box-reviews .ratings-table td, .product-view .box-reviews .ratings-table th {
    border: none;
    padding: 0
}

.comment_text .more {
    font-weight: 700;
    color: #FD8500;
    fon-size: 15px;
    cursor: pointer
}

.product-view .section .box .box-reviews h2, .product-view .section .box .form-add h2 {
    font-size: 15px;
    padding: 0 0 0 10px;
    margin: 0 0 5px;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden
}

.product-view .section .box .box-reviews h2 span, .product-view .section .box .form-add h2 span {
    font-size: 21px
}

.product-view .section .box .box-reviews h2 {
    height: 20px
}

.product-view .section .box .box-reviews h2 span {
    float: left;
    margin-right: 5px;
    line-height: 13px
}

.product-view .section .box .box-reviews h2 span.title-label, .product-view .section .box .form-add h2 span.title-label {
    font-size: 15px;
    float: left;
    line-height: 100%
}

.product-view .box.review .form-add {
    margin: 10px 0 0;
    font-size: 12px
}

.product-view .box.review .form-add thead {
    background: 0 0
}

.product-view .box.review .form-add th {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #898989;
    text-align: center
}

.product-view .box.review .form-add td {
    background: #f7f7f7
}

.product-view .box.review .form-add td.value {
    text-align: center
}

.product-view .box.review .form-add .form-list {
    margin: 10px
}

.product-view .box.review .form-add .form-list label {
    float: left;
    width: 200px;
    font-weight: 400
}

.product-view .box.review .form-add .form-list .input-box {
    float: left;
    clear: right
}

.product-view .box.review .form-add .form-list textarea {
    width: 710px
}

#mgt-review-item-list.product-view .box.review .form-add .form-list textarea {
    width: 524px
}

.product-view .box.review .form-add .buttons-set {
    padding: 10px
}

.product-view .box.review .form-add button {
    float: right
}

.product-view .section {
    margin: 1em 0 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

.product-view .mini-products-list- li .product-image img,
.product-view .product-essential .section .related .mini-products-list- li .product-image img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-view .mini-products-list- li > a,
.product-view .product-essential .section .related .mini-products-list- li > a {
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 9;
}
.product-view .mini-products-list- .price-box .regular-price {
    font-size: 18px;
    font-weight: bold;
    color: #fdb65b;
}
.product-view .mini-products-list- button.button.add-to-cart.small span{
    font-size: 0;
}
.product-view .mini-products-list- .product-details{
    margin: 10px;
}
.product-view .mini-products-list- button.button.add-to-cart.small{
    display: inline-block;
    vertical-align: top;
    margin-top: 22px;
    float: right;
    width: 20%;
    z-index: 99;
    position: absolute;
}
.product-view .mini-products-list- .price-box .price-label-teaser {
    font-weight: bold;
}
.product-view .mini-products-list- .price-box  {
    display: inline-block;
    margin-top: 22px;
    vertical-align: top;
    width: 80%;
}
.product-view .mini-products-list- .product-name a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #687178;
}

.product-view .accessoires .bx-controls div a.bx-prev.disabled,
.product-view .accessoires .bx-controls div a.bx-next.disabled,
.product-view #related .bx-controls div a.bx-prev.disabled,
.product-view #related .bx-controls div a.bx-next.disabled{
    display: none;
}

.product-view #accessories .bx-controls div a.bx-prev,
.product-view #related .bx-controls div a.bx-prev{
    position: absolute;
    top: 73px;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg') 0 0 no-repeat;
    font-size: 0;
    width: 17px;
    height: 24px;
    left: 17px;
    transform: rotate(-180deg);
}

.product-view #accessories .bx-controls div a.bx-next ,
.product-view #related .bx-controls div a.bx-next {
    position: absolute;
    top: 73px;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg') 0 0 no-repeat;
    font-size: 0;
    width: 17px;
    height: 24px;
    right: 17px;
}
.product-view #related,.product-view #accessories {
    position: relative;
}
.product-view #accessories .bx-controls div a.bx-next,
.product-view #related .bx-controls div a.bx-next {
    top: 50%;
    right: -36px;
}
.product-view #accessories .bx-controls div a.bx-prev,
.product-view #related .bx-controls div a.bx-prev {
    top: 50%;
    left: -36px;
}
.product-view .mini-products-list-,
.product-view .product-essential .section .related .mini-products-list- {
    margin-top: 10px;
}

.product-view .section .tabs {
    overflow: hidden;
    height: 19px;
    font-size: 13px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_tabs.gif) repeat-x
}

.product-view .section .tabs li {
    cursor: pointer;
    float: left;
    border-right: 1px solid #ccc;
    line-height: 19px;
    padding: 0 15px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_tabs.gif) repeat-x
}

.product-view .section .tabs li.current, .product-view .section .tabs li:hover {
    color: #FFF;
    background-image: none !important;
    background-color: #283c49
}

.product-view .section .tabs li.current a, .product-view .section .tabs li:hover a {
    color: #FFF
}

.product-view .section .tabs li.top {
    float: right;
    border: none;
    padding: 0;
    margin: 2px 5px 0 0
}

.product-view .section .tabs li.top a {
    display: block;
    width: 11px;
    height: 13px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg-link-top.gif) top left no-repeat
}

.product-view .section .box {
    display: none
}

.product-view .section .box.visible {
    display: block
}

.product-view .section .box.description {
    padding: 10px;
    font-size: 12px
}

.product-view .section .box.description p {
    margin-bottom: 8px
}

.product-view .section .box.description h2 {
    font-size: 17px;
    margin: 0 0 10px
}

.product-view .section .box.description h3 {
    font-weight: 700;
    font-size: 12px;
    margin-top: 20px
}

.product-view .section .box.description .subtitle {
    margin-bottom: 20px
}

.product-view .section .box h2, .product-view .section .box.technical h2 {
    font-size: 17px;
    margin: 10px
}

.product-view .section .box .mini-products-list- {
    position: relative
}

.mini-products-list- .slidesContainer {
    height: auto !important;
    min-height: 225px
}

.block-carroussl .mini-products-list- .slidesContainer {
    height: 225px !important
}

.product-view .section .box .mini-products-list- li.slide {
    width: 830px
}

.product-view .section .box .mini-products-list- .product {
    float: left;
    margin-right: 18px
}

.product-view .section .box .mini-products-list- .product.last {
    margin: 0
}

.product-view .section .box .mini-products-list- .product .product-name {
    color: #333;
    font-weight: 700;
    font-size: 12px
}

.product-view .section .box .mini-products-list- .product .price-box {
    text-align: center;
    background-color: #283C49;
    min-width: 160px
}

.product-view .section .box .mini-products-list- .product .regular-price .price {
    float: none;
    display: inline;
    font-size: 19px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    background: 0 0;
    color: #fff
}

.product-view .section .box .mini-products-list- .product .price-box .minimal-price-link, .product-view .section .box.related .mini-products-list- .product .price-box .minimal-price-link .label {
    display: block;
    float: none
}

.product-view .section .box .mini-products-list- .product .price-box .minimal-price-link .price {
    background: 0 0;
    float: none;
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto;
    color: #283c49
}

.product-view .section .box .slidesContainer {
    margin: 0 auto
}

.product-view .section .box .slidesNavigation {
    display: block;
    width: 38px;
    height: 61px
}

.product-view .section .box .slidesNext, .product-view .section .box .slidesPrevious {
    position: absolute;
    top: 50px
}

.product-view .section .box .slidesPrevious {
    left: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_previous-button.gif) top left no-repeat
}

.product-view .section .box .slidesNext {
    right: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_next-button.gif) top left no-repeat
}

.product-shop .subtitle {
    font-size: 13px;
    font-weight: bold;
    color: #666;
    margin: 9px 0 0;
    letter-spacing: 1px;
    padding-left: 24px;
}

.product-shop .link-price-alert {
    float: left;
    clear: both;
    margin: 5px 0 15px
}

.product-shop .link-price-alert a {
    text-decoration: underline
}

.product-shop .link-price-alert a:hover {
    text-decoration: none
}
.product-shop .actions {
    padding-top: 20px;
}
.product-shop .price-box{
    width: 86%;
}
.product-shop .bottom-grid-price .price-box.request{
    position: relative;
}
.product-shop .price-box.request{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99999;
}
.product-shop .price-box,
.product-shop .actions {
    display: inline-block;
    vertical-align: top;
}

.product-shop-block-content .price-box {
    width: auto !important
}

.product-shop .regular-price {
    display: block;
    text-align: left;
    padding: 0;
}

.product-shop .minimal-price-link .label {
    color: #A6B8C0
}

.product-shop .price-box .regular-price .price,
.product-shop .price-box .special-price .price {
    padding: 0;
    color: #fdb65b;
    background: 0 0;
    text-align: left;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
}

.product-shop .price-box .regular-price .label, .product-shop .price-box .special-price .label {
    font-size: 16px;
    color: #fdb65b;
    font-family: "Source Sans Pro", sans-serif;
}

.product-shop .tier-prices.product-pricing {
    min-height: 15px;
    float: left;
    clear: both;
    font-weight: 700;
    padding: 1px 0 0;
    margin: 0 0 10px
}

.product-shop .tier-prices.product-pricing .benefit {
    color: #f60
}

.product-shop .price-box .old-price {
    margin: 0
}

.product-shop .price-box .old-price .price {
    text-align: center
}

.product-shop .add-to-cart-box {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 5px
}

.product-shop .add-to-cart-box .add-to-cart label {
    font-size: 13px;
    margin: 2px 5px 0 0
}

.product-shop .quick-infos {
    margin: 5px 0;
    padding: 10px 0 0 30px
}

.product-shop .quick-infos li {
    color: #f60;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 2px
}

.product-shop .quick-infos li span {
    color: #283c49;
    font-weight: 400
}

.product-shop .quick-infos li span.ref_construct {
    font-weight: 700
}

.product-shop .quick-infos li .construct {
    font-size: 12px !important;
    font-weight: 700
}

.product-shop .linked-products {
    display: block;
    margin: 7px 0;
    width: 232px;
    height: 38px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_link-product-linked.gif) top left no-repeat
}

.product-shop .linked-products span {
    display: block;
    float: right;
    clear: both;
    font-size: 11px;
    font-weight: 400;
    color: #333;
    margin: 2px 37px 0 0
}

.product-shop .linked-products span.label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #283c49;
    text-decoration: none
}

.product-shop .availability {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    padding: 2px 16px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.product-shop .availability span {
    color: #fff;
    font-weight: 400
}


.product-shop .availability.out-of-stock {
    padding: 2px 0;
}
.product-shop .availability.out-of-stock span {
    color:#fdba69;
}

.product-shop .availability.end-of-life {
    background: none;
    border: none;
    padding: 0;
}

.product-shop .availability.end-of-life span {
    color: #fdba69;
}

button.button.substitution_product.big {
    margin: 10px 0;
    width: 204px;
    height: 31px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_button-substitution_product-big.png) 0 -31px no-repeat
}

button.button.substitution_product.big span {
    padding: 5px 0 0 5px;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background: 0 0
}

button.button.substitution_product.big:hover {
    background-position: 0 0
}

button.button.substitution_product.big:hover span {
    color: #fff
}

.product-shop .short-description h3 {
    position: relative;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: 700
}

.product-shop .short-description h3 a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline
}

.product-shop .short-description h3 a:hover {
    text-decoration: none
}

.product-shop .short-description .link-ft {
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: .2em .5em;
    color: #fff;
    text-decoration: none;
    background-color: #283C49
}

.product-shop .short-description .std {
    font-size: 12px
}

.product-shop .short-description .std ul {
    list-style: disc;
}

.product-shop .blocPriceInfo .rightInfo .product-price .product-before-price{
    left: auto;
    text-align: right;
    padding-bottom: 6px;
}
.product-shop .blocPriceInfo .rightInfo .product-price .price-label{
    top: auto;
    left: auto;
    color: #0eb48d;
    font-size: 14px;
}
.catalog-product-view .product-shop .special-price .price-excluding-tax .label {
    top: 0;
    left: 0;
}
.catalog-product-view .product-shop .special-price .price-excluding-tax .price,
.catalog-product-view .product-shop .special-price .price-excluding-tax .label{
    font-size: 32px !important;
    font-weight: bold !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #0eb48d;
}

.catalog-product-view .product-shop .minimum-price-box {
    font-size: 32px !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 26px;
    color: #0eb48d;
}
.product-shop .regular-price span.label {
    font-size: 32px;
    top: auto;
    left: auto;
}
.product-shop .price-including-tax {
    display: block;
    font-size: 14px;
    margin-bottom: 0;
    color: #0eb48d;
    font-weight: 600;
}
.product-shop .regular-price {
    display: inline-block;
    color: #0eb48d;
    font-weight: bold;
}
.product-shop .blocPriceInfo .rightInfo{
    float:right;
    margin-right: 26px;
}
.product-shop .blocPriceInfo .leftInfo{
    margin-top: 12px;
}
.product-shop .reassuranceBlock  {
    margin-right: 29px;
    clear: both;
    margin-left: 17px;
}
.product-shop .reassuranceBlock .reassurance-bloc ul {
    padding: 10px 0 0;
}
.product-shop .reassuranceBlock .reassurance-bloc ul li .image {
    position: relative;
    height: 50px;
}
.product-shop .reassuranceBlock .reassurance-bloc ul li img {
    display: block;
    vertical-align: top;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-shop .reassuranceBlock .reassurance-bloc ul li .text {
    display: block;
    vertical-align: top;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    color: #687178;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 10px auto;
}
.leftInfo, .rightInfo {
    display: inline-block;
    vertical-align: top;
}
.product-shop .reassuranceBlock .reassurance-bloc {
    background: #EEEFF1;
    clear: none;
}
.product-shop .blocBottom .rightInfo{
    width: 52%;
    margin-left: 18px;
}
.product-shop .blocBottom .leftInfo .argument-marketing img{
    width: 100%;
}
.product-shop .blocBottom .leftInfo{
    height: 145px;
    width: 33%;
    margin-left: 19px;
    margin-top: 20px;
    font-size: 17px;
    text-align: center;
}

.product-shop .blocBottom {
    margin-bottom: 0;
    overflow: hidden;
    clear: both;
    margin-top: 6px;
}
.product-shop .blocPriceInfo .reassuranceBlock {
    margin: 13px 19px;
}
.product-shop .blocPriceInfo  {
    margin-left: 17px;
    margin-top: 24px;
}
.product-shop .availability.in-stock {
    background: none;
    padding: 0;
}
.product-shop .availability span{
    font-weight: bold;
    color: #0eb48d;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big span.style > span.icon{
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/addP.png) 0 0 no-repeat;
    width: 20px;
    padding: 0;
    height: 20px;
}
.product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big span.style > span{
    display: inline-block;
    vertical-align: middle;
}
.product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big span.style{
    display: block;
    padding: 0;
    margin: auto;
}
.product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big span{
    padding: 16px 0;
    line-height: 20px;
    text-transform: uppercase;
    float: none;
    width: auto;
    height: auto;
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 2px;
}
.product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big:hover {
    opacity: 0.75;
}
.product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big {
    background: #0eb48d;
    border-radius: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.product-shop .blocBottom .rightInfo .actions .options-separator a .label span{
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 2px;
    text-align: center;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    padding-left:0;
}
.product-shop .blocBottom .rightInfo .actions .options-separator a .label span.style span.icon{
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/demandeDevis.png) 16px 3px no-repeat;
    width: 36px;
    height: 24px;
}
.product-shop .blocBottom .rightInfo .actions .options-separator a .label span.style span{
    display: inline-block !important;
    vertical-align: top;
}
.product-shop .blocBottom .rightInfo .actions .options-separator a .label span.style{
    width: auto;
    display: block;
}
.product-shop .blocBottom .rightInfo .actions .options-separator a .label {
    position: relative;
    float: none;
    display: block;
    height: 26px;
    margin: 0;
    padding: 7px 0;
    background: transparent;
    border-radius: 0;
    color: #507480;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    border: 1px solid;
}
.product-shop .blocBottom .rightInfo .actions .options-separator a:hover{
    opacity: 0.75;
}
.product-shop .blocBottom .rightInfo .actions .options-separator a{
    margin: 0;
    display: block;
}
.product-shop .blocBottom .rightInfo .actions .options-separator{
    margin-top: 5px;
}
.product-shop .blocBottom .rightInfo .actions {
    display: block;
    width: 100%;
}
.product-shop .blocBottom .rightInfo .shipping {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    font-size: 14px;
    font-weight: bold;
    color: #687178;
    margin-top: 4px;
    margin-left: 14px;
}
.product-shop .blocBottom .rightInfo .qty {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 35px;
}
.product-shop .blocBottom .rightInfo .qty input {
    width: 28px !important;
    display: inline-block;
    text-align: center;
    padding: 0;
    height: 20px;
    vertical-align: top;
    border: none;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    color: #687178;
    line-height: 20px;
    margin-left: 0;
    margin-top: 0;
}
.product-shop .blocBottom .rightInfo .qty span.quantity:hover {
    background:#0eb48d ;
    color:white;
    border:1px solid #0eb48d;
}
.product-shop .blocBottom .rightInfo .qty span.quantity {
    border: 1px solid #B4B8BB;
    width: 18px;
    display: inline-block;
    height: 18px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    color: #0eb48d;
    cursor: pointer;
}
.infoBottom .fiches a{
    font-size: 14px;
    color: #547481;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/down.png') 0 100% no-repeat;
    padding-left: 21px;
    display: block;
    margin-left: 28px;
    margin-bottom: 3px;
}
.infoBottom .fiches {
    display: inline-block;
    vertical-align: middle;
}
#product_addtocart_form{
    clear:both;
    overflow:hidden;
}
.infoBottom .tabs li a{
    display: block;
    line-height: 20px;
    padding: 10px 0;
    color:#547481;
    font-weight: bold;
}
.infoBottom .tabs li {
    display: inline-block;
    width: 24%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.infoBottom .tabs {
    display: inline-block;
    width: 73%;
    background: #f6f6f6;
    margin: 0;
    clear: both;
    height: auto;
    min-height: 0;
    line-height: 0;
}

.infoBottom {
    clear: both;
    margin-top: 16px;
    overflow: hidden;
}
.product-shop .blocBottom .rightInfo .qty,
.product-shop .blocBottom .rightInfo .shipping{
    display: inline-block;
    vertical-align: middle;
}
.product-shop .blocBottom .rightInfo .actions{
    display: block;
    width: 100%;
}

.product-shop .blocBottom .rightInfo.eol .shipping,.product-shop .blocBottom .rightInfo.reo .shipping {
    display: block;
    width: auto;
    float: none;
    text-align: center;
    margin-top: 37px;
}
.product-shop .blocBottom .rightInfo.eol .actions .new-link,
.product-shop .blocBottom .rightInfo.reo .actions .new-link{
    background: #0eb48d;
    border-radius: 0;
    text-transform: uppercase;
    padding: 13px 0;
    font-size: 14px;
    font-weight: bold;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 1px;
    color: white;
    width: 100%;
    height: auto;
    margin:0;
}

.product-shop .blocBottom .rightInfo.eol .actions,
.product-shop .blocBottom .rightInfo.reo .actions{
    padding-top: 5px;
}
.product-shop .blocBottom .rightInfo {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-right: 29px;
}
.product-shop .blocPriceInfo .leftInfo .delivery .delivered span{
    color: #687178;
    font-weight: bold;
}
.product-shop .blocPriceInfo .leftInfo .delivery .delivered{
    color: #687178;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    display: inline-block;
    margin-left: 2px;
}
.product-shop .blocPriceInfo .leftInfo .warranty span:last-child{
    color: #687178;
    font-weight: bold;
}
.product-shop .blocPriceInfo .leftInfo .ref span{
    color: #687178;
    font-weight: bold;
}
.product-shop .blocPriceInfo .leftInfo .ref {
    margin-top: 1px;
    color: #687178;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin-left: 0;
}
.product-shop .blocPriceInfo .leftInfo .warranty {
    margin-top: 1px;
    color: #687178;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin-left: 0;
}
.product-shop .blocPriceInfo .leftInfo .delivery{
    display: inline-block;
}
.product-shop .blocPriceInfo .leftInfo .stock{
    display: inline-block;
}
.product-shop .blocPriceInfo .phone-shop-block {
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    float: right;
    margin-right: 27px;
    width: 35%;
    margin-bottom: 14px;
    line-height: 20px;
}
.product-shop .number-phone {
    color: #b9c638;
    display: block;
}
.product-shop .blocPriceInfo .leftInfo {
    display: inline-block;
    vertical-align: top;
}
.product-shop .phone-label {
    font-size: 17px;
    text-align: center;
    font-weight: 600;
}
.product-shop .short-description .std li {
    list-style: disc
}

.box.visible.description ul {
    list-style: disc;
    margin: 5px 0 10px 20px
}

.product-shop .product-shop-block-title {
    margin: 8px 0 0;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    font-family: Ronda, Arial, Helvetica, sans-serif;
    padding: 3px 8px 1px;
    border: 1px solid #FF9000;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-color: #FF9000
}

.product-shop .product-shop-block-footer {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_block-shop-footer.gif) repeat-x;
    border: 1px solid #CCC;
    border-top: 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden
}

.product-shop .product-shop-block-footer ul {
    height: 23px
}

.product-shop .product-shop-block-footer li {
    margin: 5px 0;
    float: left;
    font-size: 12px;
    border-right: 1px solid #283c49;
    padding: 0 5px;
    line-height: 11px
}

.product-shop .product-shop-block-footer li.doc {
    position: relative;
    padding-left: 25px
}

.product-shop .product-shop-block-footer li.doc:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 5px;
    display: block;
    height: 15px;
    width: 16px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/i_pdf.png) center center no-repeat
}

.product-shop .product-shop-block-footer li a {
    text-decoration: underline;
    font-weight: 700
}

.product-shop .product-shop-block-footer li.shop-block-footer-link a {
    text-decoration: none;
    padding: .1em .5em;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #a6b8c0
}

.product-shop .product-shop-block-footer li.last {
    border: 0
}

.product-shop .product-shop-block-footer .ref_product {
    float: right;
    border: 0
}

.product-shop .product-shop-block-content.flex {
    padding: 0
}

.product-shop .product-shop-block-content.flex .col-1-block, .product-shop .product-shop-block-content.flex .col-2-block {
    padding: 7px 7px 7px 5px
}

.product-shop .product-shop-block-content .col-2-block.margin-auto {
    margin: 110px 0 0
}

.product-shop .product-shop-block-content .col-2-block .add-to-cart, .product-shop .product-shop-block-content .col-2-block .add-to-cart-box {
    width: 230px
}

.product-shop .product-shop-block-content .col-2-block .add-to-cart button {
    width: auto !important;
    float: right;
    clear: both;
    margin: 10px 0 0
}

.catalogsearch-result-index .product-shop .price-box.special-price-box .old-price {
    font-size: 14px
}

.catalogsearch-result-index .product-shop .price-box.special-price-box .special-price {
    display: block;
    padding: 0 0 0 10px;
    margin-top: 8px
}

.catalogsearch-result-index .product-shop .price-box.special-tier-price-box .old-price {
    font-size: 14px !important;
    float: left
}

.catalogsearch-result-index .product-shop .price-box.special-tier-price-box .special-price .price {
    font-size: 19px !important
}

.catalogsearch-result-index .product-shop .price-box.special-tier-price-box .minimal-price-link .price {
    font-size: 15px !important
}

.add-to-links a {
    display: block;
    text-decoration: underline;
    font-size: 12px;
    margin: 0 0 3px
}

.add-to-links a:hover {
    text-decoration: none
}

.add-to-links a.link-compare {
    font-weight: 400
}

.add-to-links a.amlist {
    font-weight: 700
}

.product-name {
    font-size: 1em;
    font-weight: 400
}

.block-progress dt, .cart .crosssell h2, .cart .totals table th, .gift-message dt strong, .gift-messages-form .item .number, .item-options dt, .sp-methods .price, .sp-methods dt {
    font-weight: 700
}

.tags-list li {
    display: inline
}

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

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

.checkout-agreements .agreement-content a, .footer_text a, .opc .back-link a, .page-sitemap .links a:hover {
    text-decoration: underline
}

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

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

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

.page-sitemap .pager {
    overflow: hidden;
    clear: both
}

.page-sitemap .pager .pages {
    position: relative;
    float: right;
    left: 0;
    bottom: 0
}

#sitemap_top_links {
    float: left;
    clear: both
}

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

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

.cart .checkout-types {
    float: right;
    text-align: 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: 3px 55px 8px 0;
    line-height: 1;
    font-size: 11px
}

.cart-table .item-msg {
    font-size: 10px
}

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

.cart .cart-collaterals .col2-set {
    float: left
}

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

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

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

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

.cart .totals {
    float: right
}

.cart .totals table {
    width: 100%
}

.cart .totals table td, .cart .totals table th {
    padding: 5px
}

.item-options dd {
    padding-left: 10px
}

.truncated, .truncated a.details, .truncated a.dots {
    cursor: help
}

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

.tool-tip, .truncated .truncated_full_value dl {
    background-color: #f6f6f6;
    position: absolute;
    border: 1px solid #ddd
}

.truncated .truncated_full_value dl {
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 250px;
    padding: 8px
}

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

.col-left .truncated .show dl {
    left: 30px;
    top: 7px
}

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

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

.sp-methods select.month {
    width: 150px;
    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
}

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

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

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

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

.please-wait {
    float: right;
    margin-right: 5px
}

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

.cvv-what-is-this {
    cursor: help;
    margin-left: 5px
}

.tool-tip {
    z-index: 9999
}

.tool-tip .btn-close {
    text-align: right
}

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

.gift-messages-form {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    position: relative
}

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

.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;
    text-align: center
}

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

.gift-message-link {
    display: block;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_collapse.gif) 0 4px no-repeat;
    padding-left: 20px
}

.gift-message-link.expanded {
    background-position: 0 -53px
}

.gift-message-row .btn-close {
    float: right
}

.checkout-agreements li {
    margin: 10px 0
}

.checkout-agreements .agreement-content {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    height: auto;
    overflow: auto
}

.checkout-agreements .agree {
    padding: 6px
}

.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

.block-progress dd.complete, .block-progress dt.complete {
    background-color: #f6f6f6
}

.opc {
    position: relative;
    font-size: 12px;
    border-bottom: 1px solid #6A8A99
}

.opc .form-list label {
    font-weight: 400
}

.opc li.section, .opc li.section:last-child .step, .opc li.section:last-child .step-title {
    border-bottom: 0
}

.opc .buttons-set.disabled button.button {
    display: none
}

.opc .buttons-set .please-wait {
    height: 21px;
    line-height: 21px
}

.opc .step-title {
    text-align: right;
    border-bottom: 1px solid #6A8A99;
    border-right: 1px solid #6A8A99;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_category-toolbar.gif) repeat-x #e2e2e2
}

.opc .step-title .number {
    float: left;
    padding: 5px;
    font-size: 17px;
    color: #fff;
    background: #283c49
}

.opc .step-title h2 {
    float: left;
    font-size: 17px;
    padding: 5px;
    line-height: 100%
}

.opc .step-title a {
    display: none;
    float: right
}

.opc .allow.active .step-title {
    cursor: default;
    color: #fff;
    border-right: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_opc_repeat.gif) repeat-x #FF9000
}

.opc .allow.active .step-title .number {
    color: #fff;
    background: #f60
}

.opc .allow .step-title {
    cursor: default;
    color: #385463;
    border-right: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_opc_allow_repeat.gif) repeat-x #999
}

.opc .allow .step-title .number {
    background: #A6B8C0;
    color: #385463
}

.opc .step {
    position: relative;
    padding: 5px 10px 10px 25px;
    border: 1px solid #6A8A99;
    background-color: #fff
}

.opc .step .tool-tip {
    right: 10px
}

.opc .buttons-set {
    padding: 0 0 5px
}

#checkout-step-review {
    padding: 15px 10px 10px
}

.opc .order-review .data-table thead {
    background: #d6d6d6;
    border: 1px solid #d6d6d6
}

.opc .order-review .data-table td, .opc .order-review .data-table tfoot {
    border: 1px solid #e2e2e2
}

.opc .order-review .data-table tfoot td {
    border: 0
}

#review-buttons-container {
    margin: 10px 0 5px
}

#review-buttons-container .f-left a {
    color: #f60;
    text-decoration: underline
}

.checkout-onepage-index .page-title {
    margin-bottom: 10px
}

#success_msg {
    margin-top: 20px
}

.checkout-progress {
    padding: 0 50px;
    margin: 10px 0
}

.checkout-progress li {
    float: left;
    width: 20%;
    border-top: 5px solid #ccc;
    text-align: center;
    color: #ccc
}

.checkout-progress li.active {
    border-top-color: #283c49;
    color: #283c49
}

.multiple-checkout {
    position: relative
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 10px
}

.multiple-checkout .grand-total {
    font-size: 1.5em;
    text-align: right
}

.dashboard .box-reviews .number, .dashboard .box-tags .number {
    font-size: 10px;
    line-height: 1;
    color: #fff;
    padding: 2px 3px;
    background: #ddd;
    font-weight: 700
}

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0
}

.dashboard .box-recent {
    margin: 10px 0
}

.dashboard .box-reviews .number {
    float: left;
    margin: 3px -20px 0 0
}

.dashboard .box-reviews .details {
    margin-left: 20px
}

.dashboard .box-tags .number {
    float: left;
    margin: 3px -20px 0 0
}

.dashboard .box-tags .details {
    margin-left: 20px
}

.order-info {
    border: 1px solid #ddd;
    padding: 5px
}

.order-info dd, .order-info dt, .order-info li, .order-info ul {
    display: inline
}

.order-info dt {
    font-weight: 700
}

.order-date {
    margin: 10px 0
}

.order-items {
    width: 100%;
    overflow-x: auto
}

.order-additional {
    margin: 15px 0
}

.gift-message dt strong {
    color: #666
}

.gift-message dd {
    font-size: 13px;
    margin: 5px 0 0
}

.order-about dt {
    font-weight: 700
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px
}

.tracking-table {
    margin: 0 0 15px
}

.tracking-table th {
    font-weight: 700;
    white-space: nowrap
}

.tracking-table-popup {
    width: 100%
}

.tracking-table-popup th {
    font-weight: 700;
    white-space: nowrap
}

.tracking-table-popup td, .tracking-table-popup th {
    padding: 1px 8px
}

.page-print .print-head img {
    float: left
}

.page-print .print-head address {
    float: left;
    margin-left: 15px
}

.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-excl-tax .price, .page-print .price-incl-tax .label, .page-print .price-incl-tax .price {
    display: inline
}

.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: 700;
    margin: 0 0 10px
}

.product-review .ratings-table {
    margin: 0 0 10px
}

.product-review dt {
    font-weight: 700
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0
}

.footer-inner {
    margin: 0 auto;
    width: 960px;
    overflow: hidden;
    color: #fff
}

.footer-top {
    background: #385463
}

.footer-bottom {
    background-color: #283C49
}

.footer address, .footer p {
    text-align: right
}

.footer ul li {
    display: inline
}

.footer-container .bottom-container {
    text-align: center
}

#nav:after, .add-to-box:after, .add-to-cart:after, .advanced-search-summary:after, .block .actions:after, .block .block-content:after, .block li.item:after, .block-layered-nav .currently li:after, .block-poll li:after, .box-account .box-head:after, .box-reviews li.item:after, .box-tags li.item:after, .buttons-set:after, .cart .crosssell li.item:after, .cart-collaterals:after, .cart:after, .checkout-progress:after, .clearer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .dashboard .box .box-title:after, .footer-container .bottom-container:after, .footer:after, .form-list .field:after, .form-list li:after, .gift-messages-form .item:after, .group-select li:after, .header .quick-access:after, .header-container .top-container:after, .header-container:after, .header:after, .main:after, .multiple-checkout .place-order:after, .opc .step-title:after, .page-print .print-head:after, .page-title:after, .pager:after, .product-collateral:after, .product-essential:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .products-grid:after, .products-list li.item:after, .ratings:after, .search-autocomplete li:after, .send-friend .form-list li p:after, .sorter:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

.cms-home .col-main .content-home:first-of-type {
    width: 100%;
    margin: 6px 0 13px
}

div.reinsurance-block {
    float: left;
    width: 151px;
    margin-top: 2px;
    border: 1px solid #d3d3d3;
    border-radius: 5px
}

div.reinsurance-block div.reinsurance-title:before {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 14px;
    content: " ";
    position: relative;
    top: -1px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/home-reinsurance.png) -56px -28px
}

div.reinsurance-block div.reinsurance-title {
    padding: 0 6px;
    color: #fff;
    background-color: #557483;
    border-radius: 5px 5px 0 0;
    line-height: 19px
}

div.reinsurance-block div.reinsurance-content {
    padding: 7px 11px 12px 14px
}

div.reinsurance-block div.reinsurance-content li {
    line-height: 23px;
    height: 32px;
    position: relative;
    padding-left: 35px;
    margin-left: 4px
}

div.reinsurance-block div.reinsurance-content li:before {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    content: " ";
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/home-reinsurance.png)
}

div.reinsurance-block div.reinsurance-content li.re-clock span {
    margin-top: 5px;
    letter-spacing: -.53px
}

div.reinsurance-block div.reinsurance-content li.re-clock {
    height: 33px
}

div.reinsurance-block div.reinsurance-content li.re-euro {
    height: 35px
}

div.reinsurance-block div.reinsurance-content li.re-truck {
    height: 34px
}

div.reinsurance-block div.reinsurance-content li.re-truck span {
    margin-top: 3px
}

div.reinsurance-block div.reinsurance-content li.re-at-sign span {
    margin-top: 0
}

div.reinsurance-block div.reinsurance-content li.re-clock:before {
    background-position: -28px 0
}

div.reinsurance-block div.reinsurance-content li.re-euro:before {
    background-position: -57px 0
}

div.reinsurance-block div.reinsurance-content li.re-truck:before {
    background-position: 0 -28px
}

div.reinsurance-block div.reinsurance-content li.re-at-sign:before {
    background-position: -28px -28px
}

div.reinsurance-block div.reinsurance-content li span {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    margin-top: 4px
}

div.reinsurance-block div.reinsurance-content a.quote-button {
    display: block;
    padding: 5px 15px 0 16px;
    margin-top: 13px;
    background-color: #283c49;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    text-align: center;
    font-family: "PT Sans";
    text-transform: uppercase;
    letter-spacing: .5px
}

div.reinsurance-block div.reinsurance-content a.quote-button:hover {
    background-color: #ff9000
}

div.reinsurance-block div.reinsurance-content a.quote-button span {
    display: block
}

div.reinsurance-block div.reinsurance-content a.quote-button span:nth-child(2) {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0;
    margin-left: -2px;
    margin-bottom: -2px
}

div.reinsurance-block div.reinsurance-content a.quote-button strong {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0
}

.slideshow-home-container {
    float: left;
    position: relative;
    width: 100%;
    height: 370px;
    margin: 0 20px 0 0
}

.slideshow-home-container .vignette-featured {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6
}

.slideshow-home {
    width: 100%;
    height: 370px
}

.slideshow-home .slidesContainer {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_slideshow-home-content.png) repeat-x
}

.slideshow-home .slidesPagination {
    float: right;
    margin-top: 4px
}

.slideshow-home .slidesPagination li {
    float: left;
    margin-left: 3px;
    width: 17px;
    height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_slideshow-navigation.png) top left no-repeat
}

.slideshow-home .slidesPagination li a {
    display: block;
    width: 100%;
    text-align: center;
    color: #283c49;
    line-height: 18px
}

.slideshow-home .slidesPagination li.slidesCurrent {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_slideshow-navigation-active.png) top left no-repeat
}

.slideshow-home .slidesPagination li.slidesCurrent a {
    color: #fff
}

.slideshow-home-container-right {
    float: left;
    position: relative;
    width: 340px;
    height: 370px
}

.slideshow-home-right {
    width: 340px;
    height: 370px
}

.slideshow-home-right .slidesContainer {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #d0d8dc
}

.slideshow-home-right .slidesContainer .item {
    text-align: center;
    padding: 5px;
    margin: 7px;
    width: 315px;
    height: 320px;
    background-color: #fff
}

.slideshow-home-right .slidesContainer .item p {
    text-align: center
}

.slideshow-home-right .slidesContainer .item p img {
    float: none !important
}

.slideshow-home-right .slidesPagination {
    float: right;
    margin-top: 4px
}

.slideshow-home-right .slidesPagination li {
    float: left;
    margin-left: 3px;
    width: 17px;
    height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_slideshow-navigation.png) top left no-repeat
}

.slideshow-home-right .slidesPagination li a {
    display: block;
    width: 100%;
    text-align: center;
    color: #283c49;
    line-height: 18px
}

.slideshow-home-right .slidesPagination li.slidesCurrent {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_slideshow-navigation-active.png) top left no-repeat
}

.slideshow-home-right .slidesPagination li.slidesCurrent a {
    color: #fff
}

.slideshow-home-container-right .infos p {
    text-align: center
}

.slideshow-home-container-right .widget-cms-link {
    padding: 7px 0 0 !important;
    text-align: center !important
}

.slideshow-home-container-right .widget-cms-link a {
    color: #fff !important;
    padding: .2em .5em;
    font-size: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #283C49 !important;
    background-image: none !important
}

.slideshow-home .item {
    width: 100%
}

.slideshow-home .item .top {
    position: relative;
    margin: 8px;
    background: #fff;
    height: 292px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.slideshow-home .item .top .infos {
    position: absolute;
    bottom: 15px;
    left: 12px;
    width: 240px
}

.slideshow-home .item .top .infos .pictos {
    overflow: hidden;
    margin-bottom: 15px
}

.slideshow-home .item .top .infos .pictos img {
    float: left;
    margin: 0 0 0 12px
}

.slideshow-home .item .top .infos .pictos img:first-child {
    margin: 0
}

.slideshow-home .item .top .infos .product-name a {
    font-size: 18px;
    font-weight: 700;
    color: #b0c934;
    line-height: 16px
}

.slideshow-home .item .top .infos .product-name span {
    display: block;
    float: left;
    padding: 2px;
    color: #484848;
    background: #dcdcdc;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 11px;
    font-weight: 700;
    margin: 0 5px 0 0
}

.slideshow-home .item .bottom .price-box .old-price, .slideshow-home .item .bottom .price-box .special-price {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    float: left;
    padding: 4px 12px 2px;
    font-weight: 700
}

.slideshow-home .item .top .product-image {
    position: absolute;
    bottom: 12px;
    right: 12px
}

.slideshow-home .item .top .short-description {
    font-size: 12px;
    color: #2c2c2c;
    margin: 8px 0 0
}

.slideshow-home .item .bottom {
    margin: 0 8px 8px
}

.slideshow-home .item .bottom .price-box {
    float: left
}

.slideshow-home .item .bottom .price-box .old-price {
    background: #a8a8a8;
    color: #283c49;
    font-size: 20px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0 5px 0 0
}

.slideshow-home .item .bottom .price-box .special-price {
    margin: 0;
    background: #283c49;
    color: #FFF;
    font-size: 20px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.slideshow-home .item .bottom .actions {
    float: right
}

.slideshow-home .item .bottom .actions button.button.add-to-cart.big {
    margin: 0
}

.price-box .minimal-price-link .label, .slideshow-home .price-box .minimal-price-link {
    float: left;
    margin: 0 0 0 5px
}

.price-box .minimal-price-link .price, .slideshow-home .price-box .regular-price {
    margin: 0;
    float: left;
    background: #283c49;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    padding: 4px 12px 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.product-shop .price-box .minimal-price-link .label, .product-shop .price-box .minimal-price-link .price {
    float: none !important
}


.product-shop button.button.add-to-cart.with-promo {
    margin-top: 0
}

p.content-home {
    clear: both;
    float: left;
    margin: 10px 0;
    font-size: 12px
}

div.home-content-icons {
    clear: both;
    margin: 15px 0
}

div.home-content-icons img {
    float: left
}

div.home-content-icons table {
    width: 100%
}

div.home-content-icons table td {
    vertical-align: middle
}

div.home-content-icons table td p {
    margin: 30px 5px 0;
    float: left
}

ul.home-menu-services li a span {
    display: block;
    text-align: left;
    position: absolute;
    width: 100px;
    margin: 45px 0 0 58px;
    color: #283c49;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

ul.home-menu-services {
    position: relative;
    margin: 0 auto;
    width: 465px;
    float: left;
    background-color: #0a2731;
    height: 65px;
    text-align: center
}

ul.home-menu-services li {
    display: inline-block;
    width: 77px
}

ul.home-menu-services li a {
    color: #fff;
    font-weight: 700
}

ul.home-menu-services li a i {
    margin: auto;
    position: relative;
    left: 5px;
    display: block;
    width: 48px;
    height: 48px
}

ul.home-menu-services li.neuf a i {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/new/new_inactive.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.neuf a i:hover {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/new/new_active.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.reprise a i {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/repare/repare_inactive.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.reprise a i:hover {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/repare/repare_active.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.ecorecycle a i {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/recycle/recycle_inactive.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.ecorecycle a i:hover {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/recycle/recycle_active.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.reparation a i {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/recovery/recovery_inactive.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.reparation a i:hover {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/recovery/recovery_active.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.studio a i {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/studio/studio_inactive.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-services li.studio a i:hover {
    background: url(http://www.connexing.fr/media/wysiwyg/Icons/logo/metier/studio/studio_active.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network {
    position: relative;
    margin: 0 auto;
    width: 465px;
    float: left;
    height: 65px;
    text-align: center
}

ul.home-menu-social-network li {
    display: inline-block
}

ul.home-menu-social-network li a {
    height: 45px;
    width: 45px;
    padding-top: 18px;
    margin: 0 20px
}

ul.home-menu-social-network li.facebook a {
    background: url(/media/wysiwyg/Icons/social_network/facebook.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network li.facebook a:hover {
    background: url(/media/wysiwyg/Icons/social_network/active/facebook.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network li.twitter a {
    background: url(/media/wysiwyg/Icons/social_network/twitter.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network li.twitter a:hover {
    background: url(/media/wysiwyg/Icons/social_network/active/twitter.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network li.linkedin a {
    background: url(/media/wysiwyg/Icons/social_network/linkedin.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network li.linkedin a:hover {
    background: url(/media/wysiwyg/Icons/social_network/active/linkedin.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network li.youtube a {
    background: url(/media/wysiwyg/Icons/social_network/youtube.svg) center center no-repeat;
    background-size: contain
}

ul.home-menu-social-network li.youtube a:hover {
    background: url(/media/wysiwyg/Icons/social_network/active/youtube.svg) center center no-repeat;
    background-size: contain
}

#connexing_services {
    width: 700px
}

#connexing_services .equipe {
    clear: both
}

#connexing_services .equipe img {
    margin: 0 0 1em
}

#connexing_services .presentation {
    display: block;
    clear: both
}

#connexing_services .presentation .service_detail {
    float: left;
    width: 125px;
    padding: 0 10px 10px 0
}

#connexing_services h2 {
    font-family: Ronda, Arial, Helvetica, sans-serif;
    font-size: 21px
}

.temoignage {
    margin: 1em 0 0;
    clear: both;
    padding: 0
}

.temoignage p {
    padding: 5px;
    background-color: #ccc
}

.footer_text {
    padding: 10px 0
}

.footer_text, .footer_text a {
    color: #6a8a99 !important
}

.footer_text a {
    border-bottom: 1px dotted #6a8a99 !important
}

.footer-top {
    overflow: hidden;
    height: 65px
}

.footer-top .newsletter {
    float: left;
    width: 400px;
    height: 65px;
    background-color: #6A8A99
}

.footer-top .newsletter .content {
    padding: 22px 0 0 10px
}

.footer-top p.heading {
    float: left;
    font-size: 16px;
    font-weight: 700
}

.footer-top form {
    float: left;
    margin: 0 0 0 17px;
    text-align: left;
    border: 1px solid #bfbfbf;
    height: 20px;
    background: #FFF;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 229px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.footer-top form button.button {
    float: right;
    margin: -1px -2px 0 0
}

.footer-top form input.input-text {
    float: left;
    width: 180px;
    padding: 0;
    border: none;
    margin: 2px 0 0 8px;
    font-size: 12px;
    background: #fff
}

.footer-top .share {
    float: right
}

.footer-top .share p.heading {
    color: #283c49;
    margin: 25px 7px 0 0
}

.footer-top .share a, .footer-top .share p {
    float: left
}

.footer-top .share p {
    margin: 9px 0 0
}

.footer-top .share p.tit {
    font-size: 16px;
    padding: 12px 10px 0 0
}

.footer-top .share a {
    width: 52px;
    height: 50px
}

.footer-top .share a.facebook {
    background-position-x: 0
}

.footer-top .share a.facebook:hover {
    background-position: 0 -58px
}

.footer-top .share a.viadeo {
    background-position: -52px 0
}

.footer-top .share a.viadeo:hover {
    background-position: -52px -58px
}

.footer-top .share a.twitter {
    background-position: -104px 0
}

.footer-top .share a.twitter:hover {
    background-position: -104px -58px
}

.footer-top .share a.linkedin {
    background-position: -156px 0
}

.footer-top .share a.linkedin:hover {
    background-position: -156px -58px
}

.footer-top .share a.youtube {
    background-position: -208px 0
}

.footer-top .share a.youtube:hover {
    background-position: -208px -58px
}

.footer-bottom {
    color: #FFF;
    line-height: 16px;
    padding: 10px 0 0
}

p.heading {
    clear: both;
    font-size: 16px;
    font-weight: 400
}

.footer-bottom p.heading {
    color: #b0c934
}

.footer-bottom p {
    margin: 10px 0
}

.footer-bottom a {
    color: #FFF;
    border-bottom: 1px dotted #6A8A99
}

.footer-bottom p a strong, .footer-bottom p strong a {
    color: #B0C934;
    font-size: 13px;
    border-bottom: 0
}

.footer-bottom a:hover {
    border: none
}

.footer-bottom table {
    width: 100%
}

.footer-bottom .address {
    font-size: 12px;
    font-weight: 700;
    float: left
}

.footer-bottom .website-switcher {
    float: right;
    margin: 5px 0
}

.footer-bottom .website-switcher a {
    float: left;
    width: 22px;
    margin: 0 0 0 5px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    font-size: 11px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_switcher-unactive.png) no-repeat
}

.block-marques .select p a:hover, .footer-bottom .links li a:hover {
    text-decoration: underline
}

.footer-bottom .website-switcher a:hover {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_switcher-active.gif) 0 -22px no-repeat
}

.footer-bottom .website-switcher a.active {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_switcher-active.gif) no-repeat
}

.footer-bottom .links {
    float: left
}

.footer-bottom .links li {
    border-color: #b0c934;
    font-size: 12px;
    margin: 20px 0;
    float: left;
    line-height: 10px
}

.footer-bottom .links li a {
    padding: 0 6px;
    color: #b0c934
}

.footer-bottom .links li.first {
    border: 0
}

.footer-bottom .links li.first a {
    padding: 0 8px 0 0
}

.footer-bottom .phone-number {
    float: right;
    margin: 5px 0 20px
}

.footer-bottom .phone-number img {
    float: right;
    margin: 7px 0 0
}

.prefooter {
    margin: 0 auto;
    width: 960px;
    height: 110px;
    background-color: #FFF;
    position: relative
}

.content-atouts {
    margin: 0;
    clear: both;
    overflow: hidden;
    height: 84px;
    width: 940px
}

.content-atouts li {
    float: left;
    width: 235px
}

.content-atouts li a {
    color: #283C49;
    display: block;
    height: 90px;
    padding: 18px 10px 14px 100px !important
}

.content-atouts li a span {
    display: block;
    font-size: 12px
}

.content-atouts li a span.title-atout {
    font-weight: 700
}

.content-atouts li.payment a {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_atout-100.png) 7px 0 no-repeat
}

.content-atouts li.delivery a {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_atout-livraison.png) 7px 0 no-repeat
}

.content-atouts li.logistic a {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_atout-logistique.png) 7px 0 no-repeat
}

.content-atouts li.warranty a {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_atout-garantie.png) 7px 0 no-repeat
}

.content-atouts li a:hover {
    background-position: 7px -84px
}

.brands-slideshow {
    width: 265px;
    margin: 15px auto 10px
}

.brands-slideshow span {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding: 4px;
    position: relative;
    background: #fff
}

.brands-slideshow span img {
    width: 80px;
    position: absolute;
    bottom: 0
}

.block-marques .select {
    width: 265px;
    margin: 0 auto
}

.block-marques .select p {
    text-align: center;
    margin-bottom: 5px
}

.block-marques select {
    width: 265px
}

.block-compare .block-title, .block-viewed .block-title, .phone-shop-block-title {
    margin: 11px 0 0;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    font-family: Ronda, Arial, Helvetica, sans-serif;
    padding: 3px 8px 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #283C49
}

.block-viewed .block-title {
    margin: 0
}

.col-left .phone-shop-block {
    margin: 0 0 10px
}

.col-left .block-compare .block-title, .col-left .block-viewed .block-viewed, .col-left .phone-shop-block-title {
    margin: 0;
    font-size: 17px
}

.col-left .block-compare, .col-left .block-viewed, .col-left .phone-shop-block {
    float: left;
    width: 220px
}

.col-left .block-compare .block-content, .col-left .block-viewed .block-content, .phone-shop-block-content {
    padding: 4px 8px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
    background-color: #fff
}

.phone-shop-block-content {
    border: 1px solid #6a8a99
}

.phone-shop-block-content .phone-icon {
    float: left;
    margin: 3px 0
}

.phone-shop-block-content .phone-label {
    float: right;
    margin-left: 3px
}

.phone-shop-block-content .phone-label a {
    font-size: 12px;
    text-decoration: underline;
    display: block;
    margin: 0 0 3px
}

.phone-shop-block-content .phone-label a:hover {
    text-decoration: none
}

.cotation-link {
    display: block;
    margin: 8px 0 10px;
    clear: both;
    cursor: pointer
}

.cotation-link .label {
    position: relative;
    float: left;
    display: block;
    height: 26px;
    margin: 0;
    padding: 0 10px;
    background: #293c4a;
    border-radius: 5px;
    color: #FFF;
    font-size: 14px;
    line-height: 26px;
    text-align: left
}

.cotation-link .label span {
    display: inline-block;
    padding-left: 22px;
    line-height: 26px;
    vertical-align: middle;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/icon_paper.png) no-repeat;
    background-size: 20px
}

.big .cotation-link .label, .price-box .cotation-link .label {
    display: block;
    padding: 0 10px;
    border-radius: 5px;
    color: #FFF;
    font-size: 14px;
    text-align: left;
    margin: 0;
    position: relative;
    float: left
}

.big .cotation-link .label {
    height: 36px;
    width: auto;
    background: #FF9000;
    line-height: 36px
}

.price-box .cotation-link  {
    display: block;
}
.price-box .cotation-link .label {
    height: auto;
    background: white;
    line-height: 20px;
    border: 1px solid #fdb65b;
    border-radius: 0;
    color: #fdb65b;
    float: none;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 7px 10px;
}

.price-box .cotation-link .label span {
    display: inline-block;
    padding-left: 22px;
    line-height: 20px;
    vertical-align: middle;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/icon_paper.png) no-repeat;
    background-size: 16px
}

.manufacturers-view-index .price-box .cotation-link .label span,
.catalog-category-view .price-box .cotation-link .label span,
.catalogsearch-result-index .price-box .cotation-link .label span,
.b2b-negotiated-index .price-box .cotation-link .label span {
    padding-left: 0;
}

.price-box .cotation-link {
    margin: 0
}

.cms-page-view .page-title {
    margin: 0;
    padding: 0
}

.cms-page-view .page-title h1 {
    margin: 0 0 15px;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    color: #0eb48d;
    font-weight: bold;
}
h2 {
    color: #687178;
    letter-spacing: 2px;
}
.cms-page-view .col-main {
    font-size: 14px
}

.cms-page-view .col-main h3 {
    color: #666;
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0
}

.cms-page-view .col-main h4 {
    color: #283c49;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0
}

.cms-page-view .col-main p, .cms-page-view .col-main ul {
    margin: 10px 0
}

.cms-page-view .col-main ul {
    margin: 0 0 0 15px
}

.cms-page-view .col-main ul li {
    list-style: disc;
    margin: 0 0 5px
}

.account-login .page-title h1 {
    font-size: 21px
}

.account-login .col2-set .col-1 h2, .account-login .col2-set .col-2 h2 {
    font-family: Ronda, Arial, Helvetica, sans-serif;
    background: #283C49;
    font-size: 19px;
    color: #FFF;
    padding: 4px 8px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.account-login .col2-set .col-1 .content, .account-login .col2-set .col-2 .content {
    border: 1px solid #d0d8dc;
    padding: 8px;
    font-size: 12px;
    height: 145px;
    position: relative;
    background-color: #fff
}

.account-login .col2-set .col-1 .buttons-set, .account-login .col2-set .col-2 .buttons-set {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin: 0;
    padding: 10px 15px 5px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #a5b8c0));
    background: -webkit-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -o-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: -ms-linear-gradient(top, #fff 0, #a5b8c0 100%);
    background: linear-gradient(to bottom, #fff 0, #a5b8c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5b8c0', GradientType=0);
    border: 1px solid #d0d8dc
}

.account-login button.button {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_button-search-form.gif) repeat-x
}

.account-login button.button span {
    font-size: 12px;
    height: 17px;
    line-height: 17px
}

.account-login button.button span span {
    background: 0 0;
    padding-bottom: 0;
    padding-top: 0
}

.account-login .col2-set .col-2 .buttons-set a {
    text-decoration: underline;
    font-size: 12px
}

.account-login p.required {
    position: absolute;
    right: 8px;
    bottom: 8px
}

.account-login .form-list {
    margin: 10px 0 0
}

.account-login .form-list li {
    margin: 0 0 15px
}

.account-login .form-list label {
    float: left;
    font-weight: 400
}

.account-login .form-list .input-box {
    float: right;
    clear: none
}

.col-left .block-layered-nav .block-content, .col-left .block.block-account .block-content {
    padding: 0;
}
.col-left .block-layered-nav .block-content select{
    border: none;
    border-bottom: 2px solid #687178;
    padding: 10px 0 !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    color: #687178;
}
.col-left .block.block-account .block-content li {
    margin: 0 0 3px
}
.toolbar-bottom .pager .amount,.toolbar-bottom .sorter,.toolbar-bottom .limiter{
    display: none   ;
}
.toolbar-bottom .pager .pages{
    display: block;
    text-align: center;
    margin: 57px 0 0 0;
}
.prevN{
    margin-right: 10px;
    vertical-align: middle;
}
.nextN{
    vertical-align: middle;
    margin-left: 10px;
}
.manufacturers-view-index .toolbar-bottom .toolbar .pager .pages > strong,
.manufacturers-view-index .toolbar .pager .pages,
.catalogsearch-result-index .toolbar-bottom .toolbar .pager .pages > strong,
.catalogsearch-result-index .toolbar .pager .pages,
.catalog-category-view .toolbar-bottom .toolbar .pager .pages > strong,
.catalog-category-view .toolbar .pager .pages,
.b2b-negotiated-index .toolbar-bottom .toolbar .pager .pages > strong,
.b2b-negotiated-index .toolbar .pager .pages{
    display: none;
}
.manufacturers-view-index .toolbar-bottom .toolbar .pager .pages,
.catalog-category-view .toolbar-bottom .toolbar .pager .pages,
.catalogsearch-result-index .toolbar-bottom .toolbar .pager .pages,
.b2b-negotiated-index .toolbar-bottom .toolbar .pager .pages{
    display: block;
}

.my-account .pager {
    position: relative
}

.contacts-index-index .std, .my-account, .webforms-index-index .std {
    font-size: 14px
}

.contacts-index-index .col-main .block, .customer-account-create .block, .manufacturer .block, .my-account .block, .webforms-index-index .col-main .block {
    width: 100%;
    margin: 0 0 12px;
    float: none;
    box-sizing: border-box;
    border: 1px solid #507480;
}

.contacts-index-index .col-main .block .block-title, .customer-account-create .block .block-title, .manufacturer .block .block-title, .my-account .block .block-title, .webforms-index-index .col-main .block .block-title {
    position: relative;
    font-size: 19px;
    color: white;
    border-bottom: 2px solid #507480;
    background-color: #507480;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Ronda, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 7px;border-radius: 0;
}

.contacts-index-index .col-main .block .block-content, .customer-account-create .block .block-content, .manufacturer .block .block-content, .my-account .block .block-content, .webforms-index-index .col-main .block .block-content {
    border-top: 0;
    height: auto
}

.contacts-index-index .col-main .block .block-content button.button, .my-account .block .block-content .box-title a, .my-account .block .block-content button.button, .my-account .block .block-title a, .webforms-index-index .col-main .block .block-content button.button {
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 1px 7px;
}

.contacts-index-index .col-main .block .block-content button.button, .my-account .block .block-content button.button, .webforms-index-index .col-main .block .block-content button.button {
    position: relative
}

.contacts-index-index .col-main .block .block-content button.button span, .my-account .block .block-content button.button span, .webforms-index-index .col-main .block .block-content button.button span {
    background: 0 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: auto;
    float: none
}

.my-account .block .block-title a {
    right: 7px;
    top: 7px
}

.my-account .block .block-content .box-title a {
    right: 0;
    bottom: 3px;
    display: block;
    margin-top: 10px;
}

.my-account .block .block-content .box-title {
    font-weight: 700;
    color: #283c49;
    padding: 3px 0 1px;
    position: relative;
    border-bottom: 1px solid #ccc
}

.my-account .block .block-content .box-title h3 {
    font-size: 15px
}

.my-account .block .block-content .box .box-content{
    padding: 10px 0 ;
}
.my-account .block .block-content .box {
    overflow: hidden;
    margin: 0 0 10px
}

.my-account .block .block-content .box-content a {
    color: #f60;
    text-decoration: underline;
    margin-top: 10px;
    display: block;
}

.my-account .block .block-content .box-content h4 {
    font-size: 12px;
    font-weight: 700
}

.block-recent .block-content {
    padding: 0
}

.block-recent .block-content .data-table thead {
    background: #666464;
    color: #FFF
}

.block-recent .block-content .data-table thead th {
    border-top: 0
}

.block-reviews .block-content {
    padding: 8px 0
}

.block-reviews .block-content .product-name {
    float: left
}

.block-reviews .block-content .product-name a {
    font-weight: 700;
    text-decoration: underline
}

.block-reviews .block-content .ratings {
    float: right
}

.block-reviews .block-content li.item {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 5px 8px
}

.block-reviews .block-content li:last-child {
    border: 0
}

.my-account .pager {
    border: 1px solid #ccc;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_category-toolbar.gif) repeat-x;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px
}

.my-account .pager-bottom .pager {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.my-account .pager .limiter {
    bottom: 5px;
    left: 550px
}

#my-orders-table a, #my-reviews-table a {
    text-decoration: underline
}

#my-orders-table th, #my-reviews-table tr.first td {
    border-top: 0
}

#my-orders-table, #my-reviews-table {
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0
}

#my-orders-table thead, #my-reviews-table thead {
    background: #666464;
    color: #fff
}

button.btn-checkout {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_shop-button-cart.gif) no-repeat;
    background-size: cover
}

button.btn-checkout span {
    background: 0 0
}

button.btn-checkout span span {
    background: 0 0;
    font-size: 14px;
    text-transform: uppercase
}

.page-title.title-buttons {
    margin: 0 0 5px
}

.cart-table tfoot td, .cart-table thead th {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_category-toolbar.gif) repeat-x #E2E2E2;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0
}

.cart-table, .pager .pages li a {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}

.cart-table tfoot td {
    border: 0;
    border-top: 1px solid #ccc
}

.cart-table thead tr.last th {
    border-bottom: 1px solid #858585;
    border-right: 1px solid #CCC
}

.cart-table thead tr.last th:first-child, .cart-table thead tr.last th:last-child {
    border-right: 0
}

.cart-table td {
    border-top: 0;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 8px
}

.cart-table tbody tr td:first-child, .cart-table td.last {
    border-right: 0
}

.cart-table tfoot td {
    padding: 7px
}

.cart-table {
    border: 1px solid #adadad;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px
}

.cart-table.box-table {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.cart-table .product-name a {
    font-weight: 700;
    text-decoration: underline
}

.checkout-cart-index button.button span {
    font-size: 12px;
    padding: 0 0 0 5px;
    height: 17px;
    line-height: 17px
}

.checkout-types button.button span {
    font-size: 14px;
    padding: 0 0 0 5px;
    height: 27px;
    line-height: 25px
}

.checkout-cart-index button.button span span {
    padding: 1px 7px 0 0
}

.checkout-cart-index button.button.btn-update span {
    color: #283c49;
    text-decoration: underline;
    background: 0 0
}

.cart-table .product-image img {
    border: 1px solid #ccc
}

.block-crosssell .block-content, .block.block-discount .block-content {
    border-top: 0;
    height: auto
}

.checkout-cart-index .col-main .block-title {
    font-size: 19px
}

.block-totals {
    float: right;
    width: 225px;
    margin: 0
}

.block-totals .block-title {
    background: #283c49
}

.block-totals .block-content {
    height: auto;
    padding-bottom: 20px;
    position: relative
}

.block-totals .block-content table {
    width: 100%;
    font-weight: 700
}

.block-totals .block-content table td {
    padding-bottom: 10px
}

.block-totals .block-content table td.a-right:first-child {
    text-align: left !important
}

.block-totals .block-content .checkout-types {
    position: relative;
    float: right
}

.cart .cart-collaterals .col2-set {
    width: 710px
}

.checkout-cart-index .col2-set .col-1 {
    width: 345px
}

.checkout-cart-index .col2-set .col-2 {
    width: 360px;
    margin-right: 4px
}

.block-discount, .block-shipping {
    width: 358px;
    margin: 0
}

.block-discount select, .block-shipping .input-box, .block-shipping select {
    width: 240px
}

.block.block-shipping {
    margin-bottom: 10px
}

.block.block-shipping .block-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 0;
    border-top: 0;
    height: auto
}

.block-discount .block-title, .block-shipping .block-title {
    background: #b0c934;
    color: #fff
}

.block-discount .block-title {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.block-discount label, .block-shipping label {
    float: left
}

.block-discount .input-box, .block-shipping .input-box {
    float: right;
    clear: none;
    margin-bottom: 5px
}

.block-discount .form-list, .block-shipping .form-list {
    margin: 5px 0 0
}

.block-discount .form-list label, .form-list label {
    font-weight: 400
}

.cart-collaterals .buttons-set {
    padding: 0
}

.block-discount .input-box {
    width: 150px
}

input#coupon_code {
    width: 145px
}

input#postcode {
    width: 235px
}

.block-crosssell {
    margin: 0;
    width: 330px
}

.block-crosssell .block-title {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_category-toolbar.gif) repeat-x;
    color: #283c49;
    border-bottom: 1px solid #999
}

.block-crosssell li {
    border-bottom: 1px solid #ccc
}

.block-crosssell li:last-child {
    border: 0
}

.block-crosssell .product-image {
    float: left
}

.block-crosssell .product-image img {
    border: 1px solid #ccc
}

.block-crosssell .product-details {
    float: right;
    width: 210px
}

.block-crosssell .product-details .product-name a {
    color: #666;
    text-decoration: underline;
    font-weight: 700
}

.block-crosssell .button.button.add-to-cart.small.small {
    float: right
}

.block-crosssell .button.button.add-to-cart.small.small span span {
    padding: 0
}

.block-crosssell .price-box {
    margin: 3px 0 0
}

.block-crosssell .price-box .regular-price .price {
    font-size: 16px;
    font-weight: 700;
    color: #ff7300;
    padding: 0
}

.block-crosssell .price-box .minimal-price-link .price {
    background: 0 0;
    color: #283c49;
    font-size: 13px;
    font-weight: 700;
    padding: 0
}

.block-crosssell .price-box .minimal-price-link .label {
    margin: 0 5px 0 0
}

.block-progress {
    width: 220px;
    margin: 0
}

.block-progress .block-title {
    background: #283c49;
    font-size: 17px
}

.block-progress .block-content {
    height: auto;
    padding: 0;
    border-top: 0
}

.block-progress dt {
    overflow: hidden;
    background: #ccc;
    padding: 7px 0 7px 7px
}

.block-progress dt.complete {
    overflow: hidden;
    background: #ccc;
    padding: 0
}

.block-progress dt.complete span {
    float: left;
    color: #283c49;
    padding: 7px 0 7px 7px
}

.block-progress dt.complete a {
    float: right;
    color: #fff;
    font-weight: 400;
    padding: 7px;
    background: #f60
}

.block-progress dd.complete {
    padding: 7px;
    background: 0 0
}

.manufacturer .block-content dt {
    color: #f63;
    font-size: 21px;
    padding-bottom: 1px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.manufacturer .block-content dl {
    float: left;
    width: 150px;
    margin: 10px
}

.manufacturer .block-content .bare-list li {
    margin-bottom: 5px
}

.block-slideshow .block-content {
    padding: 10px 0
}

.manufacturer .block-content .slideshow {
    position: relative
}

.manufacturer .block-content .slideshow .slidesContainer {
    margin: 0 auto 0
}

.manufacturer .block-content .slideshow .slidesContainer .slide {
    width: 625px
}

.manufacturer .block-content .slideshow .slidesContainer a {
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 10px;
    text-align: center
}

.manufacturer .block-content .slideshow .slidesControl div a:last-child {
    margin-right: 0
}

.manufacturer .block-content .slidesNavigation {
    display: block;
    width: 38px;
    height: 27px;
}

.manufacturer .block-content .slidesNext, .manufacturer .block-content .slidesPrevious {
    position: absolute;
    top: 50%;
}

.manufacturer .block-content .slidesPrevious {
    left: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg) top left no-repeat;
    transform: rotate(-180deg);
}

.manufacturer .block-content .slidesNext {
    right: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg) top left no-repeat
}

.brand-description {
    margin: 15px 0;
    font-size: 12px
}

.amlist-list-edit .group-select .input-box {
    float: left;
    margin-right: 8px
}

.amlist-list-edit .group-select button.button {
    position: absolute;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_button-orange-small.gif) repeat-x;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 1px 7px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.amlist-list-edit .group-select .button.button span {
    background: 0 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: auto;
    float: none
}

.amlist-list-edit .group-select input.input-text {
    padding: 0;
    width: 105px
}

.amlist-list-edit .buttons-set, .amlist-list-index .buttons-set {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_category-toolbar.gif) repeat-x;
    color: #283c49;
    border: 1px solid #a3a3a3;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border-top: 0;
    font-size: 12px;
    padding: 10px 6px 6px 12px
}

.amlist-list-edit .buttons-set a {
    font-weight: 700;
    color: #f60;
    text-decoration: underline
}

.amlist-list-edit .button.add-to-cart.small {
    margin: 0
}

.amlist-list-edit button.button.grey {
    margin-right: 10px
}

.amlist-list-edit .box-table img {
    border: 1px solid #ccc
}

.amlist-list-edit .box-table .link-remove, .amlist-list-index a.link-remove, .amlist-list-index a.orange {
    color: #ff6e00;
    text-decoration: underline
}

.brands-image {
    float: left;
    margin: 0 10px 10px 0
}

#recently-viewed-items .product-name a:hover {
    text-decoration: underline
}

.block-carroussel {
    margin: 10px 0;
    width: 100%
}

.block-carroussel .block-content {
    padding: 0;
    height: auto;
    position: relative
}

.block-carroussel .block-content ul {
    margin: 0
}

.block-carroussel .block-content .mini-products-list- .product button.button.add-to-cart.small {
    margin: 0 auto;
    position: relative
}

.block-carroussel .block-content .slidesContainer {
    margin: 0 auto
}

.block-carroussel .block-content .slidesNavigation {
    display: block;
    width: 38px;
    height: 61px
}

.block-carroussel .block-content .slidesPrevious {
    position: absolute;
    left: 0;
    top: 50px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_previous-button.gif) top left no-repeat
}

.block-carroussel .block-content .slidesNext {
    position: absolute;
    right: 0;
    top: 50px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_next-button.gif) top left no-repeat
}

.block-carroussel .block-content .mini-products-list- li {
    width: 630px
}

.block-carroussel .block-content .mini-products-list- .product {
    width: 150px;
    height: 200px;
    padding-top: 10px;
    float: left;
    margin-left: 5px
}

.cart .phone-shop-block {
    float: right;
    width: 225px
}

.cart .phone-shop-block-content .phone-label {
    width: 170px
}

.compare-table h3 {
    margin-top: 10px;
    font-size: 14px
}

.compare-table .price-box .minimal-price-link, .compare-table .price-box .regular-price {
    margin: 5px 0 0;
    display: block
}

.compare-table .price-box .regular-price .label, .compare-table .price-box .regular-price .price {
    background: 0 0;
    color: #F60;
    font-size: 16px
}

.compare-table .price-box .minimal-price-link .price {
    background: 0 0;
    color: #000;
    font-size: 13px;
    padding: 0 0 0 5px
}

.compare-table .price-box .minimal-price-link .label {
    margin: 0
}

.contacts-index-index .page-title, .webforms-index-index .page-title {
    margin-top: 20px
}

.contacts-index-index .col-main .block, .webforms-index-index .col-main .block {
    margin-top: 10px
}

.manufacturer .block .block-content > div {
    clear: both;
    overflow: hidden
}

#fade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .8;
    background-color: #403E3C
}

.popup_block {
    background: #fff;
    position: relative;
    z-index: 99999;
    padding: 20px 0;
}

* html #fade, * html .popup_block, .btn_close {
    position: absolute
}

.tit-choix {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    color: #557483 !important
}

.langs-wrapper ul {
    width: 100%;
    text-align: center
}

.langs-wrapper li {
    display: inline-block;
    margin: 0 auto
}

.langs-wrapper li a {
    float: left;
    text-align: center;
    width: 75px;
    min-height: 100px;
    padding: 5px;
    margin: 0 5px 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #D0D8DC
}

.langs-wrapper li a:hover {
    color: #fff;
    border: 5px solid #B2C527;
    background-color: #B2C527
}

.langs-wrapper li span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.professions, .reinsurance-block-bottom .service-quality a {
    display: inline-block
}

.langs-wrapper .lang-flag img {
    margin: 0 0 .5em
}

.popup_block p {
    color: #283c49;
    padding: 10px 10px 10px 0
}

.popup_block h1, .popup_block h2 {
    color: #283c49;
    width: 270px
}

.popup_block .submit {
    color: #fff;
    background: #A52A21;
    width: 75px;
    height: 23px;
    border: 1px solid #A52A21
}

.popup_block .input-text {
    width: 200px;
    height: 18px
}

.popup_block .submit:hover {
    color: #A52A21;
    background: #fff
}

.img_right {
    float: right;
    width: 150px
}

.btn_close {
    font-weight: 700;
    top: -25px;
    right: -20px
}

.home-grid-products {
    float: none;
    margin: 16px 0;
    font-size: 12px;
}


.home-grid-products .pager {
    padding: 5px 0;
    text-align: center;
    border: none
}

.footer-container {
    position: relative;
    z-index: 1
}

.reinsurance-block-bottom {
    clear: both;
    text-align: center;
    margin: 1px 4px;
    padding-top: 10px;
}

.reinsurance-block-bottom > div {
    width: 31%;
    float: left;
    border-right: 2px solid #a5b5bd;
    padding-right: 7px;
    padding-left: 7px
}

.reinsurance-block-bottom > div .title {
    color: #283c49;
    font-size: 15px;
    margin-top: -4px
}

.reinsurance-block-bottom .secure-payment, .reinsurance-block-bottom .service-quality, .reinsurance-block-bottom .strengths {
    height: 96px;
    white-space: nowrap
}

.reinsurance-block-bottom > div .image, .reinsurance-block-bottom > div .image-iso, .reinsurance-block-bottom > div .image-rse {
    display: block;
    width: 251px;
    height: 75px;
    margin-top: 5px;
    margin-left: 11px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/reinsurance-bottom.png)
}

.reinsurance-block-bottom > div.service-quality .image-iso {
    height: 73px;
    background-position: 0 0;
    width: 150px;
    display: inline-block
}

.reinsurance-block-bottom > div.service-quality .image-rse {
    height: 73px;
    background-position: -160px 0;
    width: 100px;
    display: inline-block
}

.reinsurance-block-bottom > div.strengths .image {
    width: 286px;
    background-position: left -73px
}

.reinsurance-block-bottom > div.secure-payment .image {
    width: 267px;
    background-position: left -148px
}

.reinsurance-block-bottom > div + div {
    width: 32%;
    padding-right: 11px
}

.reinsurance-block-bottom > div + div .title {
    margin-left: 12px
}

.reinsurance-block-bottom > div:last-child {
    width: 29%;
    padding-right: 0;
    border-right: 0
}

.block-warranties {
    width: 358px;
    margin: 0 0 10px;
    float: left;
    overflow: hidden;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #6A8A99;
    background-color: #FFF
}

.block-warranties .block-title {
    border-bottom: 1px solid #999;
    font-family: Ronda, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 3px 8px 1px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/bkg_category-toolbar.gif) repeat-x;
    color: #283c49
}

.block-warranties ul {
    width: 50%;
    display: inline-block;
    float: left;
    padding-left: 20px;
    box-sizing: border-box
}

.block-warranties ul li {
    line-height: 23px;
    height: 32px;
    position: relative;
    padding-left: 37px;
    border-bottom: none;
    padding-bottom: 10px
}

div.block-warranties div.reinsurance-content {
    padding: 7px 11px 7px 14px
}

div.block-warranties div.reinsurance-content li:before {
    width: 28px;
    height: 27px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    content: " ";
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/home-reinsurance.png)
}

div.block-warranties div.reinsurance-content li.re-clock span {
    margin-top: 5px;
    letter-spacing: -.53px
}

div.block-warranties div.reinsurance-content li.re-clock {
    height: 33px
}

div.block-warranties div.reinsurance-content li.re-euro {
    height: 35px
}

div.block-warranties div.reinsurance-content li.re-truck {
    height: 34px
}

div.block-warranties div.reinsurance-content li.re-truck span {
    margin-top: 3px
}

div.block-warranties div.reinsurance-content li.re-at-sign span {
    margin-top: 0
}

div.block-warranties div.reinsurance-content li.re-clock:before {
    background-position: -28px 0
}

div.block-warranties div.reinsurance-content li.re-euro:before {
    background-position: -57px 0
}

div.block-warranties div.reinsurance-content li.re-truck:before {
    background-position: 0 -28px
}

div.block-warranties div.reinsurance-content li.re-at-sign:before {
    background-position: -28px -28px
}

div.block-warranties div.reinsurance-content li span {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    margin-top: 4px
}

.checkout-onepage-index .col2-right-layout .col-main {
    width: 100%
}

#checkout-shipping-method-load {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/logo_tnt.png) 100% 50% no-repeat;
    background-size: contain;
    padding: 1% 1% 1% 0
}

.price-19 {
    padding: 0;
    margin-right: 5px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background: 0 0
}

.block-crosssell .price-19 {
    font-size: 16px;
    font-weight: 700;
    color: #ff7300;
    padding: 0
}

.searchautocomplete-placeholder .price-19 {
    color: #FF9000;
    font-size: 13px
}

.grid-button button.button.add-to-cart.small {
    margin-right: 0
}

.product-shop-block-content img {
    max-width: 100%
}

.card-panel-content, .card-process {
    max-width: 350px
}

.new-link {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: auto;
    padding: 2px 16px;
    margin: 8px 0 10px;
    clear: both;
    cursor: pointer;
    background: #FF9000;
    border-radius: 5px;
    color: #fff;
    font-size: 15px
}

.button-job-smartphone p, .button-line-smartphone p {
    line-height: 42px
}

.button-job-smartphone, .button-line-smartphone {
    font-weight: 700;
    letter-spacing: 1.5px;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase
}

body.managebg-img .header {
    background: 0 0 !important
}

.service-quality a {
    padding-top: 8px
}

.CNG-BT-LPB-Small-Container {
    background-image: url(https://www.connexing.be/nl/../skin/media/wysiwyg/Landing_Page/Telephone/Alcatel/Alcatel-tel-fil-lp-bkg.jpg);
    background-color: green
}

.CNG-BT-LPB-bnt {
    float: right;
    width: 150px;
    height: 25px;
    font-size: 19px;
    margin-top: 70px
}

.NG-BT-LPB-bnt-arrow {
    margin-bottom: auto;
    margin-left: 10px
}

.header-smartphone {
    position: relative;
    width: 940px;
    height: 200px;
    margin: 0 auto;
    background-position: center
}

.header-smartphone-new {
    background-image: url(https://www.connexing.be/nl/../skin/media/wysiwyg/smartphone/bg-header-neuf-min.jpg)
}

.header-smartphone-eco {
    background-image: url(https://www.connexing.be/nl/../skin/media/wysiwyg/smartphone/bg-header-eco-min.jpg)
}

.header-smartphone-repa {
    background-image: url(https://www.connexing.be/nl/../skin/media/wysiwyg/smartphone/bg-header-repa-min.jpg)
}

.header-smartphone-reprise {
    background-image: url(https://www.connexing.be/nl/../skin/media/wysiwyg/smartphone/bg-header-reprise-min.jpg)
}

.title-smartphone {
    padding-top: 65px;
    padding-left: 20px;
    font-size: 35px;
    color: #fff
}

.content-smartphone {
    text-align: center;
    margin-bottom: 20px
}

.content-smartphone-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: -10px
}

.content-tier-smartphone {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}

.tier-smartphone {
    width: 100px;
    padding-right: 20px;
    padding-top: 20px
}

.tier-smartphone img {
    width: 70px
}

.picture-smartphone {
    width: 100%;
    text-align: center
}

.picture-smartphone img {
    margin-top: 30px;
    width: 110px
}

.brand-smartphone {
    text-align: center
}

.brand-smartphone img {
    padding-right: 20px;
    padding-top: 20px;
    width: 80px
}

.contener-smartphone {
    width: 940px;
    height: 400px;
    margin: 0 auto;
    background-image: url(https://www.connexing.be/nl/../skin/media/wysiwyg/smartphone/bg-header-categorie-min.jpg)
}

.contener-job-smartphone {
    float: left;
    width: 210px;
    height: 180px;
    margin: 10px
}

.title-job-smartphone {
    color: #fff;
    padding-top: 30px;
    padding-bottom: 17px;
    margin-left: 10px;
    font-size: 26px
}

.button-job-smartphone {
    font-size: 14px;
    width: 175px;
    height: 40px;
    margin: auto
}

.contener-line-smartphone {
    float: left;
    text-align: center;
    width: 870px;
    height: 100px;
    margin-top: 10px;
    margin-left: 10px
}

.title-line-smartphone {
    padding-bottom: 17px;
    margin-left: 10px;
    font-size: 26px;
    color: #fff
}

.contener-button-line-smartphone {
    width: 100%;
    text-align: center
}

.button-line-smartphone {
    font-size: 12px;
    width: 250px;
    height: 40px;
    margin: auto
}

.color-job-blue {
    background-color: #547481
}

.color-job-green {
    background-color: #B8c635
}

.color-job-yellow {
    background-color: #fdc71f
}

.color-job-magenta {
    background-color: #ab3d8c
}

@media (max-width: 640px) {
    ul.home-menu-social-network {
        width: 100%;
        position: absolute;
        top: 65%
    }

    ul.home-menu-social-network li a {
        padding-top: 30px
    }

    .footer-top .share {
        position: relative;
        height: 65px;
        padding: 0 !important
    }
}

.CNG-BT-LPB-bnt {
    border-radius: 5px;
    background-color: orange;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px
}

.CNG-BT-LPB-bnt a {
    color: #fff
}

.CNG-BT-CMS-Resolution {
    border-radius: 15px;
    border-color: #5587a2;
    border-style: solid;
    margin: 10px;
    width: 420px;
    display: inline-block
}

.CNG-BT-CMS-Resolution h2 {
    color: #5587a2;
    margin-left: 15px
}

.CNG-BT-CMS-Resolution-Texte {
    padding: 10px
}

.CNG-BT-CMS-Resolution-Produit {
    background-color: #5587a2;
    border-radius: 5px;
    padding: 15px;
    color: #fff
}

.CNG-BT-CMS-Resolution-Image {
    float: right
}

.CNG-BT-CMS-Resolution-Produit-txt {
    width: 300px
}

.CNG-BT-CMS-Bnt {
    background-color: #fff;
    border-radius: 5px;
    width: 190px;
    height: 25px;
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: center;
    color: #fff
}

.CNG-BT-LPB-Manufacturer {
    background-repeat: no-repeat;
    width: 700px;
    height: 470px;
    color: #000
}

.CNG-BT-LPB-Manufac-AL {
    background-image: url(/media/wysiwyg/Landing_Page/Telephone/Alcatel/Alcatel-manufacturer-lp-bkg.jpg)
}

.CNG-BT-LPB-Manufac-AastraMitel {
    background-image: url(/media/wysiwyg/Landing_Page/Telephone/Aastra/mitel.jpg)
}

.CNG-BT-LPB-Manufac-Jabra {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Jabra/Jabra.jpg)
}

.CNG-BT-LPB-Manufac-Sennheiser {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Sennheiser/sennheiser.jpg)
}

.CNG-BT-LPB-Manufac-Plantronics {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Plantronics/plantronics.jpg)
}

.CNG-BT-LPB-Manufac-Konftel {
    background-image: url(/media/wysiwyg/Landing_Page/Conference/Konftel/konftel.jpg)
}

.CNG-BT-LPB-Manufacturer-txt {
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 50px
}

.CNG-BT-LPB-Manufacturer-txt p {
    color: #000;
    background: #fff;
    opacity: .7;
    text-align: justify;
    border-radius: 5px;
    padding: 15px;
    font-size: larger
}

.CNG-BT-LPB-bnt-manufac {
    width: 250px;
    height: 45px;
    margin-top: 40px;
    margin-right: 2px;
    display: inline-block;
    margin-left: 20px;
    line-height: -moz-block-height;
    text-align: center
}

.CNG-BT-LPB-Small-Container {
    background-repeat: no-repeat;
    width: 700px;
    height: 200px;
    color: #000
}

.CNG-BT-LPB-bkg-al-telfil {
    background-image: url(/media/wysiwyg/Landing_Page/Telephone/Alcatel/Alcatel-tel-fil-lp-bkg.jpg)
}

.CNG-BT-LPB-bkg-al-dect {
    background-image: url(/media/wysiwyg/Landing_Page/Telephone/Alcatel/Alcatel-dect-lp-bkg.jpg)
}

.CNG-BT-LPB-bkg-al-borne {
    background-image: url(/media/wysiwyg/Landing_Page/Telephone/Alcatel/Alcatel-borne-lp-bkg.jpg)
}

.CNG-BT-LPB-bkg-aastra-dect {
    background-image: url(/media/wysiwyg/Landing_Page/Telephone/Aastra/dect-mitel.jpg)
}

.CNG-BT-LPB-bkg-aastra-tel-fil {
    background-image: url(/media/wysiwyg/Landing_Page/Telephone/Aastra/telephone-filaire-mitel.jpg)
}

.CNG-BT-LPB-bkg-jabra-sans-fil {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Jabra/jabra-casque-sans-fil.jpg)
}

.CNG-BT-LPB-bkg-jabra-filaire {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Jabra/jabra-casque-filaire.jpg)
}

.CNG-BT-LPB-bkg-jabra-oreillette {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Jabra/jabra-oreillette.jpg)
}

.CNG-BT-LPB-bkg-jabra-speakerphone {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Jabra/jabra-speak.jpg)
}

.CNG-BT-LPB-bkg-Sennheiser-sans-fil {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Sennheiser/sennheiser-casque-sans-fil.jpg)
}

.CNG-BT-LPB-bkg-Sennheiser-filaire {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Sennheiser/sennheiser-casque-filaire.jpg)
}

.CNG-BT-LPB-bkg-Sennheiser-oreillette {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Sennheiser/sennheiser-oreillette.jpg)
}

.CNG-BT-LPB-bkg-Sennheiser-speakerphone {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Sennheiser/sennheiser-speakerphone.jpg)
}

.CNG-BT-LPB-bkg-Plantronics-sans-fil {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Plantronics/plantronics-casque-sans-fil.jpg)
}

.CNG-BT-LPB-bkg-Plantronics-filaire {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Plantronics/plantronics-casque-filaire.jpg)
}

.CNG-BT-LPB-bkg-Plantronics-oreillette {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Plantronics/plantronics-oreillette.jpg)
}

.CNG-BT-LPB-bkg-Plantronics-speakerphone {
    background-image: url(/media/wysiwyg/Landing_Page/Casque/Plantronics/plantronics-speakerphone.jpg)
}

.CNG-BT-LPB-Small-Container h2 {
    padding-top: 18px;
    margin-left: 10px;
    color: #000;
    display: inline-block
}

.CNG-BT-LPB-Small-Container a, .CNG-BT-WF-DL-WP {
    color: #fff;
    text-decoration: none
}

.CNG-BT-LPB-Small-Container p {
    border-radius: 5px;
    margin-left: 5px;
    padding: 5px;
    background: #fff;
    opacity: .8;
    font-size: medium;
    text-align: justify;
    text-align: center
}

.CNG-BT-LPB-brand-logo {
    height: 40px;
    float: right
}

.CNG-BT-LPB-Small-Container-inside {
    width: 500px;
    margin-left: 20px;
    margin-top: 20px;
    display: inline-block
}

.CNG-BT-LPB-bnt-cat {
    width: 150px;
    height: 25px;
    margin-top: 50px;
    margin-right: 15px;
    font-size: 19px;
    float: right
}

.NG-BT-LPB-bnt-arrow {
    font-size: 15px;
    margin-top: auto
}

.CNG-BT-WF-DL-WP {
    background-color: #f59f1e;
    border-radius: 10px;
    border: 1px solid #e6b437;
    display: inline-block;
    font-size: 17px;
    padding: 16px 31px
}

.button-new, .color-new, .container-header-new, .container-header-smartphone-new, .container-header-traceability {
    background-color: #547481 !important
}

.button-new:active, .button-new:focus, .button-new:hover, .color-new-text, .container h3 {
    color: #547481 !important
}

.color-new.lighten-1, .lighten-1.button-new, .lighten-1.container-header-new, .lighten-1.container-header-smartphone-new, .lighten-1.container-header-traceability {
    background-color: #869DA6 !important
}

.color-new-text.text-lighten-1, .container h3.text-lighten-1, .text-lighten-1.button-new:active, .text-lighten-1.button-new:focus, .text-lighten-1.button-new:hover {
    color: #869DA6 !important
}

.button-new.container-header-recovery, .button-new.container-header-recycle, .button-new.container-header-repare, .button-new.container-header-smartphone-recovery, .button-new.container-header-smartphone-recycle, .button-new.container-header-smartphone-repare, .color-new.container-header-recovery, .color-new.container-header-recycle, .color-new.container-header-repare, .color-new.container-header-smartphone-recovery, .color-new.container-header-smartphone-recycle, .color-new.container-header-smartphone-repare, .color-new.darken-1, .container-header-new, .container-header-smartphone-new, .container-header-traceability, .darken-1.button-new {
    background-color: #3A505A !important
}

.color-new-text.text-darken-1, .container h3, .container h3.button-new:active, .container h3.button-new:focus, .container h3.button-new:hover, .text-darken-1.button-new:active, .text-darken-1.button-new:focus, .text-darken-1.button-new:hover {
    color: #3A505A !important
}

.color-new.overlay, .overlay.button-new, .overlay.container-header-new, .overlay.container-header-smartphone-new, .overlay.container-header-traceability {
    background-color: rgba(84, 116, 129, .6) !important
}

.color-new-text.text-overlay, .container h3.text-overlay, .text-overlay.button-new:active, .text-overlay.button-new:focus, .text-overlay.button-new:hover {
    color: rgba(84, 116, 129, .6) !important
}

.button-recycle, .color-recycle, .container-header-recycle, .container-header-smartphone-recycle {
    background-color: #B8C635 !important
}

.button-recycle:active, .button-recycle:focus, .button-recycle:hover, .card-category-title-recycle, .color-recycle-text {
    color: #B8C635 !important
}

.color-recycle.lighten-1, .lighten-1.button-recycle, .lighten-1.container-header-recycle, .lighten-1.container-header-smartphone-recycle {
    background-color: #CDD771 !important
}

.color-recycle-text.text-lighten-1, .text-lighten-1.button-recycle:active, .text-lighten-1.button-recycle:focus, .text-lighten-1.button-recycle:hover, .text-lighten-1.card-category-title-recycle {
    color: #CDD771 !important
}

.button-recycle.container-header-new, .button-recycle.container-header-recovery, .button-recycle.container-header-repare, .button-recycle.container-header-smartphone-new, .button-recycle.container-header-smartphone-recovery, .button-recycle.container-header-smartphone-repare, .button-recycle.container-header-traceability, .color-recycle.container-header-new, .color-recycle.container-header-recovery, .color-recycle.container-header-repare, .color-recycle.container-header-smartphone-new, .color-recycle.container-header-smartphone-recovery, .color-recycle.container-header-smartphone-repare, .color-recycle.container-header-traceability, .color-recycle.darken-1, .container-header-recycle, .container-header-smartphone-recycle, .darken-1.button-recycle {
    background-color: #818A25 !important
}

.color-recycle-text.text-darken-1, .container h3.button-recycle:active, .container h3.button-recycle:focus, .container h3.button-recycle:hover, .container h3.card-category-title-recycle, .container h3.color-recycle-text, .text-darken-1.button-recycle:active, .text-darken-1.button-recycle:focus, .text-darken-1.button-recycle:hover, .text-darken-1.card-category-title-recycle {
    color: #818A25 !important
}

.color-recycle.overlay, .overlay.button-recycle, .overlay.container-header-recycle, .overlay.container-header-smartphone-recycle {
    background-color: rgba(69, 72, 35, .6) !important
}

.color-recycle-text.text-overlay, .text-overlay.button-recycle:active, .text-overlay.button-recycle:focus, .text-overlay.button-recycle:hover, .text-overlay.card-category-title-recycle {
    color: rgba(69, 72, 35, .6) !important
}

.button-repare, .color-repare, .container-header-repare, .container-header-smartphone-repare {
    background-color: #FDC71F !important
}

.button-repare:active, .button-repare:focus, .button-repare:hover, .color-repare-text {
    color: #FDC71F !important
}

.color-repare.lighten-1, .lighten-1.button-repare, .lighten-1.container-header-repare, .lighten-1.container-header-smartphone-repare {
    background-color: #FDD761 !important
}

.color-repare-text.text-lighten-1, .text-lighten-1.button-repare:active, .text-lighten-1.button-repare:focus, .text-lighten-1.button-repare:hover {
    color: #FDD761 !important
}

.button-repare.container-header-new, .button-repare.container-header-recovery, .button-repare.container-header-recycle, .button-repare.container-header-smartphone-new, .button-repare.container-header-smartphone-recovery, .button-repare.container-header-smartphone-recycle, .button-repare.container-header-traceability, .color-repare.container-header-new, .color-repare.container-header-recovery, .color-repare.container-header-recycle, .color-repare.container-header-smartphone-new, .color-repare.container-header-smartphone-recovery, .color-repare.container-header-smartphone-recycle, .color-repare.container-header-traceability, .color-repare.darken-1, .container-header-repare, .container-header-smartphone-repare, .darken-1.button-repare {
    background-color: #B18B15 !important
}

.color-repare-text.text-darken-1, .container h3.button-repare:active, .container h3.button-repare:focus, .container h3.button-repare:hover, .container h3.color-repare-text, .text-darken-1.button-repare:active, .text-darken-1.button-repare:focus, .text-darken-1.button-repare:hover {
    color: #B18B15 !important
}

.color-repare.overlay, .overlay.button-repare, .overlay.container-header-repare, .overlay.container-header-smartphone-repare {
    background-color: rgba(120, 104, 53, .6) !important
}

.color-repare-text.text-overlay, .text-overlay.button-repare:active, .text-overlay.button-repare:focus, .text-overlay.button-repare:hover {
    color: rgba(120, 104, 53, .6) !important
}

.button-recovery, .color-recovery, .container-header-recovery, .container-header-smartphone-recovery {
    background-color: #AB3D8C !important
}

.button-recovery:active, .button-recovery:focus, .button-recovery:hover, .color-recovery-text {
    color: #AB3D8C !important
}

.color-recovery.lighten-1, .lighten-1.button-recovery, .lighten-1.container-header-recovery, .lighten-1.container-header-smartphone-recovery {
    background-color: #C476AE !important
}

.color-recovery-text.text-lighten-1, .text-lighten-1.button-recovery:active, .text-lighten-1.button-recovery:focus, .text-lighten-1.button-recovery:hover {
    color: #C476AE !important
}

.button-recovery.container-header-new, .button-recovery.container-header-recycle, .button-recovery.container-header-repare, .button-recovery.container-header-smartphone-new, .button-recovery.container-header-smartphone-recycle, .button-recovery.container-header-smartphone-repare, .button-recovery.container-header-traceability, .color-recovery.container-header-new, .color-recovery.container-header-recycle, .color-recovery.container-header-repare, .color-recovery.container-header-smartphone-new, .color-recovery.container-header-smartphone-recycle, .color-recovery.container-header-smartphone-repare, .color-recovery.container-header-traceability, .color-recovery.darken-1, .container-header-recovery, .container-header-smartphone-recovery, .darken-1.button-recovery {
    background-color: #782A62 !important
}

.color-recovery-text.text-darken-1, .container h3.button-recovery:active, .container h3.button-recovery:focus, .container h3.button-recovery:hover, .container h3.color-recovery-text, .text-darken-1.button-recovery:active, .text-darken-1.button-recovery:focus, .text-darken-1.button-recovery:hover {
    color: #782A62 !important
}

.color-recovery.overlay, .overlay.button-recovery, .overlay.container-header-recovery, .overlay.container-header-smartphone-recovery {
    background-color: rgba(89, 40, 75, .6) !important
}

.color-recovery-text.text-overlay, .text-overlay.button-recovery:active, .text-overlay.button-recovery:focus, .text-overlay.button-recovery:hover {
    color: rgba(89, 40, 75, .6) !important
}

.blog-cat-view .postWrapper .postContent .aw-blog-read-more, .blog-index-list .postWrapper .postContent .aw-blog-read-more, .button-action, .color-action {
    background-color: #F2A544 !important
}

.blog-cat-view .postWrapper .postContent .aw-blog-read-more:hover, .blog-index-list .postWrapper .postContent .aw-blog-read-more:hover, .button-action:active, .button-action:focus, .button-action:hover, .color-action-text {
    color: #F2A544 !important
}

.blog-cat-view .postWrapper .postContent .lighten-1.aw-blog-read-more, .blog-index-list .postWrapper .postContent .lighten-1.aw-blog-read-more, .color-action.lighten-1, .lighten-1.button-action {
    background-color: #F5BF7B !important
}

.blog-cat-view .postWrapper .postContent .text-lighten-1.aw-blog-read-more:hover, .blog-index-list .postWrapper .postContent .text-lighten-1.aw-blog-read-more:hover, .color-action-text.text-lighten-1, .text-lighten-1.button-action:active, .text-lighten-1.button-action:focus, .text-lighten-1.button-action:hover {
    color: #F5BF7B !important
}

.blog-cat-view .postWrapper .postContent .container-header-new.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-recovery.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-recycle.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-repare.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-smartphone-new.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-smartphone-recovery.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-smartphone-recycle.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-smartphone-repare.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .container-header-traceability.aw-blog-read-more, .blog-cat-view .postWrapper .postContent .darken-1.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-new.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-recovery.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-recycle.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-repare.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-smartphone-new.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-smartphone-recovery.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-smartphone-recycle.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-smartphone-repare.aw-blog-read-more, .blog-index-list .postWrapper .postContent .container-header-traceability.aw-blog-read-more, .blog-index-list .postWrapper .postContent .darken-1.aw-blog-read-more, .button-action.container-header-new, .button-action.container-header-recovery, .button-action.container-header-recycle, .button-action.container-header-repare, .button-action.container-header-smartphone-new, .button-action.container-header-smartphone-recovery, .button-action.container-header-smartphone-recycle, .button-action.container-header-smartphone-repare, .button-action.container-header-traceability, .color-action.container-header-new, .color-action.container-header-recovery, .color-action.container-header-recycle, .color-action.container-header-repare, .color-action.container-header-smartphone-new, .color-action.container-header-smartphone-recovery, .color-action.container-header-smartphone-recycle, .color-action.container-header-smartphone-repare, .color-action.container-header-traceability, .color-action.darken-1, .darken-1.button-action {
    background-color: #A9732F !important
}

.blog-cat-view .postWrapper .postContent .container h3.aw-blog-read-more:hover, .blog-cat-view .postWrapper .postContent .text-darken-1.aw-blog-read-more:hover, .blog-index-list .postWrapper .postContent .container h3.aw-blog-read-more:hover, .blog-index-list .postWrapper .postContent .text-darken-1.aw-blog-read-more:hover, .color-action-text.text-darken-1, .container .blog-cat-view .postWrapper .postContent h3.aw-blog-read-more:hover, .container .blog-index-list .postWrapper .postContent h3.aw-blog-read-more:hover, .container h3.button-action:active, .container h3.button-action:focus, .container h3.button-action:hover, .container h3.color-action-text, .text-darken-1.button-action:active, .text-darken-1.button-action:focus, .text-darken-1.button-action:hover {
    color: #A9732F !important
}

.color-release {
    background-color: #0eb48d !important
}

.color-release-text {
    color: #0eb48d !important
}

.color-release.communicate {
    background-color: #b3144d !important
}

.color-release-text.text-communicate {
    color: #b3144d !important
}

.color-release.coworking {
    background-color: #0b4da4 !important
}

.color-release-text.text-coworking {
    color: #0b4da4 !important
}

.color-release.connect {
    background-color: #f45c50 !important
}

.color-release-text.text-connect {
    color: #f45c50 !important
}

.color-release.collect {
    background-color: #edb90b !important
}

.color-release-text.text-collect {
    color: #edb90b !important
}

.red {
    background-color: #F44336 !important
}

.red-text {
    color: #F44336 !important
}

.red.lighten-5 {
    background-color: #FFEBEE !important
}

.red-text.text-lighten-5 {
    color: #FFEBEE !important
}

.red.lighten-4 {
    background-color: #FFCDD2 !important
}

.red-text.text-lighten-4 {
    color: #FFCDD2 !important
}

.red.lighten-3 {
    background-color: #EF9A9A !important
}

.red-text.text-lighten-3 {
    color: #EF9A9A !important
}

.red.lighten-2 {
    background-color: #E57373 !important
}

.red-text.text-lighten-2 {
    color: #E57373 !important
}

.red.lighten-1 {
    background-color: #EF5350 !important
}

.red-text.text-lighten-1 {
    color: #EF5350 !important
}

.red.container-header-new, .red.container-header-recovery, .red.container-header-recycle, .red.container-header-repare, .red.container-header-smartphone-new, .red.container-header-smartphone-recovery, .red.container-header-smartphone-recycle, .red.container-header-smartphone-repare, .red.container-header-traceability, .red.darken-1 {
    background-color: #E53935 !important
}

.container h3.red-text, .red-text.text-darken-1 {
    color: #E53935 !important
}

.red.darken-2 {
    background-color: #D32F2F !important
}

.red-text.text-darken-2 {
    color: #D32F2F !important
}

.red.darken-3 {
    background-color: #C62828 !important
}

.red-text.text-darken-3 {
    color: #C62828 !important
}

.red.darken-4 {
    background-color: #B71C1C !important
}

.red-text.container, .red-text.text-darken-4 {
    color: #B71C1C !important
}

.red.accent-1 {
    background-color: #FF8A80 !important
}

.red-text.text-accent-1 {
    color: #FF8A80 !important
}

.red.accent-2 {
    background-color: #FF5252 !important
}

.red-text.text-accent-2 {
    color: #FF5252 !important
}

.red.accent-3 {
    background-color: #FF1744 !important
}

.red-text.text-accent-3 {
    color: #FF1744 !important
}

.red.accent-4 {
    background-color: #D50000 !important
}

.red-text.text-accent-4 {
    color: #D50000 !important
}

.pink {
    background-color: #e91e63 !important
}

.pink-text {
    color: #e91e63 !important
}

.pink.lighten-5 {
    background-color: #fce4ec !important
}

.pink-text.text-lighten-5 {
    color: #fce4ec !important
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important
}

.pink-text.text-lighten-4 {
    color: #f8bbd0 !important
}

.pink.lighten-3 {
    background-color: #f48fb1 !important
}

.pink-text.text-lighten-3 {
    color: #f48fb1 !important
}

.pink.lighten-2 {
    background-color: #f06292 !important
}

.pink-text.text-lighten-2 {
    color: #f06292 !important
}

.pink.lighten-1 {
    background-color: #ec407a !important
}

.pink-text.text-lighten-1 {
    color: #ec407a !important
}

.pink.container-header-new, .pink.container-header-recovery, .pink.container-header-recycle, .pink.container-header-repare, .pink.container-header-smartphone-new, .pink.container-header-smartphone-recovery, .pink.container-header-smartphone-recycle, .pink.container-header-smartphone-repare, .pink.container-header-traceability, .pink.darken-1 {
    background-color: #d81b60 !important
}

.container h3.pink-text, .pink-text.text-darken-1 {
    color: #d81b60 !important
}

.pink.darken-2 {
    background-color: #c2185b !important
}

.pink-text.text-darken-2 {
    color: #c2185b !important
}

.pink.darken-3 {
    background-color: #ad1457 !important
}

.pink-text.text-darken-3 {
    color: #ad1457 !important
}

.pink.darken-4 {
    background-color: #880e4f !important
}

.pink-text.container, .pink-text.text-darken-4 {
    color: #880e4f !important
}

.pink.accent-1 {
    background-color: #ff80ab !important
}

.pink-text.text-accent-1 {
    color: #ff80ab !important
}

.pink.accent-2 {
    background-color: #ff4081 !important
}

.pink-text.text-accent-2 {
    color: #ff4081 !important
}

.pink.accent-3 {
    background-color: #f50057 !important
}

.pink-text.text-accent-3 {
    color: #f50057 !important
}

.pink.accent-4 {
    background-color: #c51162 !important
}

.pink-text.text-accent-4 {
    color: #c51162 !important
}

.purple {
    background-color: #9c27b0 !important
}

.purple-text {
    color: #9c27b0 !important
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important
}

.purple-text.text-lighten-5 {
    color: #f3e5f5 !important
}

.purple.lighten-4 {
    background-color: #e1bee7 !important
}

.purple-text.text-lighten-4 {
    color: #e1bee7 !important
}

.purple.lighten-3 {
    background-color: #ce93d8 !important
}

.purple-text.text-lighten-3 {
    color: #ce93d8 !important
}

.purple.lighten-2 {
    background-color: #ba68c8 !important
}

.purple-text.text-lighten-2 {
    color: #ba68c8 !important
}

.purple.lighten-1 {
    background-color: #ab47bc !important
}

.purple-text.text-lighten-1 {
    color: #ab47bc !important
}

.purple.container-header-new, .purple.container-header-recovery, .purple.container-header-recycle, .purple.container-header-repare, .purple.container-header-smartphone-new, .purple.container-header-smartphone-recovery, .purple.container-header-smartphone-recycle, .purple.container-header-smartphone-repare, .purple.container-header-traceability, .purple.darken-1 {
    background-color: #8e24aa !important
}

.container h3.purple-text, .purple-text.text-darken-1 {
    color: #8e24aa !important
}

.purple.darken-2 {
    background-color: #7b1fa2 !important
}

.purple-text.text-darken-2 {
    color: #7b1fa2 !important
}

.purple.darken-3 {
    background-color: #6a1b9a !important
}

.purple-text.text-darken-3 {
    color: #6a1b9a !important
}

.purple.darken-4 {
    background-color: #4a148c !important
}

.purple-text.container, .purple-text.text-darken-4 {
    color: #4a148c !important
}

.purple.accent-1 {
    background-color: #ea80fc !important
}

.purple-text.text-accent-1 {
    color: #ea80fc !important
}

.purple.accent-2 {
    background-color: #e040fb !important
}

.purple-text.text-accent-2 {
    color: #e040fb !important
}

.purple.accent-3 {
    background-color: #d500f9 !important
}

.purple-text.text-accent-3 {
    color: #d500f9 !important
}

.purple.accent-4 {
    background-color: #a0f !important
}

.purple-text.text-accent-4 {
    color: #a0f !important
}

.deep-purple {
    background-color: #673ab7 !important
}

.deep-purple-text {
    color: #673ab7 !important
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important
}

.deep-purple-text.text-lighten-5 {
    color: #ede7f6 !important
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important
}

.deep-purple-text.text-lighten-4 {
    color: #d1c4e9 !important
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important
}

.deep-purple-text.text-lighten-3 {
    color: #b39ddb !important
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important
}

.deep-purple-text.text-lighten-2 {
    color: #9575cd !important
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important
}

.deep-purple-text.text-lighten-1 {
    color: #7e57c2 !important
}

.deep-purple.container-header-new, .deep-purple.container-header-recovery, .deep-purple.container-header-recycle, .deep-purple.container-header-repare, .deep-purple.container-header-smartphone-new, .deep-purple.container-header-smartphone-recovery, .deep-purple.container-header-smartphone-recycle, .deep-purple.container-header-smartphone-repare, .deep-purple.container-header-traceability, .deep-purple.darken-1 {
    background-color: #5e35b1 !important
}

.container h3.deep-purple-text, .deep-purple-text.text-darken-1 {
    color: #5e35b1 !important
}

.deep-purple.darken-2 {
    background-color: #512da8 !important
}

.deep-purple-text.text-darken-2 {
    color: #512da8 !important
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important
}

.deep-purple-text.text-darken-3 {
    color: #4527a0 !important
}

.deep-purple.darken-4 {
    background-color: #311b92 !important
}

.deep-purple-text.container, .deep-purple-text.text-darken-4 {
    color: #311b92 !important
}

.deep-purple.accent-1 {
    background-color: #b388ff !important
}

.deep-purple-text.text-accent-1 {
    color: #b388ff !important
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important
}

.deep-purple-text.text-accent-2 {
    color: #7c4dff !important
}

.deep-purple.accent-3 {
    background-color: #651fff !important
}

.deep-purple-text.text-accent-3 {
    color: #651fff !important
}

.deep-purple.accent-4 {
    background-color: #6200ea !important
}

.deep-purple-text.text-accent-4 {
    color: #6200ea !important
}

.indigo {
    background-color: #3f51b5 !important
}

.indigo-text {
    color: #3f51b5 !important
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important
}

.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important
}

.indigo-text.text-lighten-4 {
    color: #c5cae9 !important
}

.indigo.lighten-3 {
    background-color: #9fa8da !important
}

.indigo-text.text-lighten-3 {
    color: #9fa8da !important
}

.indigo.lighten-2 {
    background-color: #7986cb !important
}

.indigo-text.text-lighten-2 {
    color: #7986cb !important
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important
}

.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important
}

.indigo.container-header-new, .indigo.container-header-recovery, .indigo.container-header-recycle, .indigo.container-header-repare, .indigo.container-header-smartphone-new, .indigo.container-header-smartphone-recovery, .indigo.container-header-smartphone-recycle, .indigo.container-header-smartphone-repare, .indigo.container-header-traceability, .indigo.darken-1 {
    background-color: #3949ab !important
}

.container h3.indigo-text, .indigo-text.text-darken-1 {
    color: #3949ab !important
}

.indigo.darken-2 {
    background-color: #303f9f !important
}

.indigo-text.text-darken-2 {
    color: #303f9f !important
}

.indigo.darken-3 {
    background-color: #283593 !important
}

.indigo-text.text-darken-3 {
    color: #283593 !important
}

.indigo.darken-4 {
    background-color: #1a237e !important
}

.indigo-text.container, .indigo-text.text-darken-4 {
    color: #1a237e !important
}

.indigo.accent-1 {
    background-color: #8c9eff !important
}

.indigo-text.text-accent-1 {
    color: #8c9eff !important
}

.indigo.accent-2 {
    background-color: #536dfe !important
}

.indigo-text.text-accent-2 {
    color: #536dfe !important
}

.indigo.accent-3 {
    background-color: #3d5afe !important
}

.indigo-text.text-accent-3 {
    color: #3d5afe !important
}

.indigo.accent-4 {
    background-color: #304ffe !important
}

.indigo-text.text-accent-4 {
    color: #304ffe !important
}

.blue {
    background-color: #2196F3 !important
}

.blue-text {
    color: #2196F3 !important
}

.blue.lighten-5 {
    background-color: #E3F2FD !important
}

.blue-text.text-lighten-5 {
    color: #E3F2FD !important
}

.blue.lighten-4 {
    background-color: #BBDEFB !important
}

.blue-text.text-lighten-4 {
    color: #BBDEFB !important
}

.blue.lighten-3 {
    background-color: #90CAF9 !important
}

.blue-text.text-lighten-3 {
    color: #90CAF9 !important
}

.blue.lighten-2 {
    background-color: #64B5F6 !important
}

.blue-text.text-lighten-2 {
    color: #64B5F6 !important
}

.blue.lighten-1 {
    background-color: #42A5F5 !important
}

.blue-text.text-lighten-1 {
    color: #42A5F5 !important
}

.blue.container-header-new, .blue.container-header-recovery, .blue.container-header-recycle, .blue.container-header-repare, .blue.container-header-smartphone-new, .blue.container-header-smartphone-recovery, .blue.container-header-smartphone-recycle, .blue.container-header-smartphone-repare, .blue.container-header-traceability, .blue.darken-1 {
    background-color: #1E88E5 !important
}

.blue-text.text-darken-1, .container h3.blue-text {
    color: #1E88E5 !important
}

.blue.darken-2 {
    background-color: #1976D2 !important
}

.blue-text.text-darken-2 {
    color: #1976D2 !important
}

.blue.darken-3 {
    background-color: #1565C0 !important
}

.blue-text.text-darken-3 {
    color: #1565C0 !important
}

.blue.darken-4 {
    background-color: #0D47A1 !important
}

.blue-text.container, .blue-text.text-darken-4 {
    color: #0D47A1 !important
}

.blue.accent-1 {
    background-color: #82B1FF !important
}

.blue-text.text-accent-1 {
    color: #82B1FF !important
}

.blue.accent-2 {
    background-color: #448AFF !important
}

.blue-text.text-accent-2 {
    color: #448AFF !important
}

.blue.accent-3 {
    background-color: #2979FF !important
}

.blue-text.text-accent-3 {
    color: #2979FF !important
}

.blue.accent-4 {
    background-color: #2962FF !important
}

.blue-text.text-accent-4 {
    color: #2962FF !important
}

.light-blue {
    background-color: #03a9f4 !important
}

.light-blue-text {
    color: #03a9f4 !important
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important
}

.light-blue-text.text-lighten-5 {
    color: #e1f5fe !important
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important
}

.light-blue-text.text-lighten-4 {
    color: #b3e5fc !important
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important
}

.light-blue-text.text-lighten-3 {
    color: #81d4fa !important
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important
}

.light-blue-text.text-lighten-2 {
    color: #4fc3f7 !important
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important
}

.light-blue-text.text-lighten-1 {
    color: #29b6f6 !important
}

.light-blue.container-header-new, .light-blue.container-header-recovery, .light-blue.container-header-recycle, .light-blue.container-header-repare, .light-blue.container-header-smartphone-new, .light-blue.container-header-smartphone-recovery, .light-blue.container-header-smartphone-recycle, .light-blue.container-header-smartphone-repare, .light-blue.container-header-traceability, .light-blue.darken-1 {
    background-color: #039be5 !important
}

.container h3.light-blue-text, .light-blue-text.text-darken-1 {
    color: #039be5 !important
}

.light-blue.darken-2 {
    background-color: #0288d1 !important
}

.light-blue-text.text-darken-2 {
    color: #0288d1 !important
}

.light-blue.darken-3 {
    background-color: #0277bd !important
}

.light-blue-text.text-darken-3 {
    color: #0277bd !important
}

.light-blue.darken-4 {
    background-color: #01579b !important
}

.light-blue-text.container, .light-blue-text.text-darken-4 {
    color: #01579b !important
}

.light-blue.accent-1 {
    background-color: #80d8ff !important
}

.light-blue-text.text-accent-1 {
    color: #80d8ff !important
}

.light-blue.accent-2 {
    background-color: #40c4ff !important
}

.light-blue-text.text-accent-2 {
    color: #40c4ff !important
}

.light-blue.accent-3 {
    background-color: #00b0ff !important
}

.light-blue-text.text-accent-3 {
    color: #00b0ff !important
}

.light-blue.accent-4 {
    background-color: #0091ea !important
}

.light-blue-text.text-accent-4 {
    color: #0091ea !important
}

.cyan {
    background-color: #00bcd4 !important
}

.cyan-text {
    color: #00bcd4 !important
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important
}

.cyan-text.text-lighten-5 {
    color: #e0f7fa !important
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important
}

.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important
}

.cyan.lighten-3 {
    background-color: #80deea !important
}

.cyan-text.text-lighten-3 {
    color: #80deea !important
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important
}

.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important
}

.cyan.lighten-1 {
    background-color: #26c6da !important
}

.cyan-text.text-lighten-1 {
    color: #26c6da !important
}

.cyan.container-header-new, .cyan.container-header-recovery, .cyan.container-header-recycle, .cyan.container-header-repare, .cyan.container-header-smartphone-new, .cyan.container-header-smartphone-recovery, .cyan.container-header-smartphone-recycle, .cyan.container-header-smartphone-repare, .cyan.container-header-traceability, .cyan.darken-1 {
    background-color: #00acc1 !important
}

.container h3.cyan-text, .cyan-text.text-darken-1 {
    color: #00acc1 !important
}

.cyan.darken-2 {
    background-color: #0097a7 !important
}

.cyan-text.text-darken-2 {
    color: #0097a7 !important
}

.cyan.darken-3 {
    background-color: #00838f !important
}

.cyan-text.text-darken-3 {
    color: #00838f !important
}

.cyan.darken-4 {
    background-color: #006064 !important
}

.cyan-text.container, .cyan-text.text-darken-4 {
    color: #006064 !important
}

.cyan.accent-1 {
    background-color: #84ffff !important
}

.cyan-text.text-accent-1 {
    color: #84ffff !important
}

.cyan.accent-2 {
    background-color: #18ffff !important
}

.cyan-text.text-accent-2 {
    color: #18ffff !important
}

.cyan.accent-3 {
    background-color: #00e5ff !important
}

.cyan-text.text-accent-3 {
    color: #00e5ff !important
}

.cyan.accent-4 {
    background-color: #00b8d4 !important
}

.cyan-text.text-accent-4 {
    color: #00b8d4 !important
}

.teal {
    background-color: #009688 !important
}

.teal-text {
    color: #009688 !important
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important
}

.teal-text.text-lighten-5 {
    color: #e0f2f1 !important
}

.teal.lighten-4 {
    background-color: #b2dfdb !important
}

.teal-text.text-lighten-4 {
    color: #b2dfdb !important
}

.teal.lighten-3 {
    background-color: #80cbc4 !important
}

.teal-text.text-lighten-3 {
    color: #80cbc4 !important
}

.teal.lighten-2 {
    background-color: #4db6ac !important
}

.teal-text.text-lighten-2 {
    color: #4db6ac !important
}

.teal.lighten-1 {
    background-color: #26a69a !important
}

.teal-text.text-lighten-1 {
    color: #26a69a !important
}

.teal.container-header-new, .teal.container-header-recovery, .teal.container-header-recycle, .teal.container-header-repare, .teal.container-header-smartphone-new, .teal.container-header-smartphone-recovery, .teal.container-header-smartphone-recycle, .teal.container-header-smartphone-repare, .teal.container-header-traceability, .teal.darken-1 {
    background-color: #00897b !important
}

.container h3.teal-text, .teal-text.text-darken-1 {
    color: #00897b !important
}

.teal.darken-2 {
    background-color: #00796b !important
}

.teal-text.text-darken-2 {
    color: #00796b !important
}

.teal.darken-3 {
    background-color: #00695c !important
}

.teal-text.text-darken-3 {
    color: #00695c !important
}

.teal.darken-4 {
    background-color: #004d40 !important
}

.teal-text.container, .teal-text.text-darken-4 {
    color: #004d40 !important
}

.teal.accent-1 {
    background-color: #a7ffeb !important
}

.teal-text.text-accent-1 {
    color: #a7ffeb !important
}

.teal.accent-2 {
    background-color: #64ffda !important
}

.teal-text.text-accent-2 {
    color: #64ffda !important
}

.teal.accent-3 {
    background-color: #1de9b6 !important
}

.teal-text.text-accent-3 {
    color: #1de9b6 !important
}

.teal.accent-4 {
    background-color: #00bfa5 !important
}

.teal-text.text-accent-4 {
    color: #00bfa5 !important
}

.green {
    background-color: #4CAF50 !important
}

.green-text {
    color: #4CAF50 !important
}

.green.lighten-5 {
    background-color: #E8F5E9 !important
}

.green-text.text-lighten-5 {
    color: #E8F5E9 !important
}

.green.lighten-4 {
    background-color: #C8E6C9 !important
}

.green-text.text-lighten-4 {
    color: #C8E6C9 !important
}

.green.lighten-3 {
    background-color: #A5D6A7 !important
}

.green-text.text-lighten-3 {
    color: #A5D6A7 !important
}

.green.lighten-2 {
    background-color: #81C784 !important
}

.green-text.text-lighten-2 {
    color: #81C784 !important
}

.green.lighten-1 {
    background-color: #66BB6A !important
}

.green-text.text-lighten-1 {
    color: #66BB6A !important
}

.green.container-header-new, .green.container-header-recovery, .green.container-header-recycle, .green.container-header-repare, .green.container-header-smartphone-new, .green.container-header-smartphone-recovery, .green.container-header-smartphone-recycle, .green.container-header-smartphone-repare, .green.container-header-traceability, .green.darken-1 {
    background-color: #43A047 !important
}

.container h3.green-text, .green-text.text-darken-1 {
    color: #43A047 !important
}

.green.darken-2 {
    background-color: #388E3C !important
}

.green-text.text-darken-2 {
    color: #388E3C !important
}

.green.darken-3 {
    background-color: #2E7D32 !important
}

.green-text.text-darken-3 {
    color: #2E7D32 !important
}

.green.darken-4 {
    background-color: #1B5E20 !important
}

.green-text.container, .green-text.text-darken-4 {
    color: #1B5E20 !important
}

.green.accent-1 {
    background-color: #B9F6CA !important
}

.green-text.text-accent-1 {
    color: #B9F6CA !important
}

.green.accent-2 {
    background-color: #69F0AE !important
}

.green-text.text-accent-2 {
    color: #69F0AE !important
}

.green.accent-3 {
    background-color: #00E676 !important
}

.green-text.text-accent-3 {
    color: #00E676 !important
}

.green.accent-4 {
    background-color: #00C853 !important
}

.green-text.text-accent-4 {
    color: #00C853 !important
}

.light-green {
    background-color: #8bc34a !important
}

.light-green-text {
    color: #8bc34a !important
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important
}

.light-green-text.text-lighten-5 {
    color: #f1f8e9 !important
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important
}

.light-green-text.text-lighten-4 {
    color: #dcedc8 !important
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important
}

.light-green-text.text-lighten-3 {
    color: #c5e1a5 !important
}

.light-green.lighten-2 {
    background-color: #aed581 !important
}

.light-green-text.text-lighten-2 {
    color: #aed581 !important
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important
}

.light-green-text.text-lighten-1 {
    color: #9ccc65 !important
}

.light-green.container-header-new, .light-green.container-header-recovery, .light-green.container-header-recycle, .light-green.container-header-repare, .light-green.container-header-smartphone-new, .light-green.container-header-smartphone-recovery, .light-green.container-header-smartphone-recycle, .light-green.container-header-smartphone-repare, .light-green.container-header-traceability, .light-green.darken-1 {
    background-color: #7cb342 !important
}

.container h3.light-green-text, .light-green-text.text-darken-1 {
    color: #7cb342 !important
}

.light-green.darken-2 {
    background-color: #689f38 !important
}

.light-green-text.text-darken-2 {
    color: #689f38 !important
}

.light-green.darken-3 {
    background-color: #558b2f !important
}

.light-green-text.text-darken-3 {
    color: #558b2f !important
}

.light-green.darken-4 {
    background-color: #33691e !important
}

.light-green-text.container, .light-green-text.text-darken-4 {
    color: #33691e !important
}

.light-green.accent-1 {
    background-color: #ccff90 !important
}

.light-green-text.text-accent-1 {
    color: #ccff90 !important
}

.light-green.accent-2 {
    background-color: #b2ff59 !important
}

.light-green-text.text-accent-2 {
    color: #b2ff59 !important
}

.light-green.accent-3 {
    background-color: #76ff03 !important
}

.light-green-text.text-accent-3 {
    color: #76ff03 !important
}

.light-green.accent-4 {
    background-color: #64dd17 !important
}

.light-green-text.text-accent-4 {
    color: #64dd17 !important
}

.lime {
    background-color: #cddc39 !important
}

.lime-text {
    color: #cddc39 !important
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important
}

.lime-text.text-lighten-5 {
    color: #f9fbe7 !important
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important
}

.lime-text.text-lighten-4 {
    color: #f0f4c3 !important
}

.lime.lighten-3 {
    background-color: #e6ee9c !important
}

.lime-text.text-lighten-3 {
    color: #e6ee9c !important
}

.lime.lighten-2 {
    background-color: #dce775 !important
}

.lime-text.text-lighten-2 {
    color: #dce775 !important
}

.lime.lighten-1 {
    background-color: #d4e157 !important
}

.lime-text.text-lighten-1 {
    color: #d4e157 !important
}

.lime.container-header-new, .lime.container-header-recovery, .lime.container-header-recycle, .lime.container-header-repare, .lime.container-header-smartphone-new, .lime.container-header-smartphone-recovery, .lime.container-header-smartphone-recycle, .lime.container-header-smartphone-repare, .lime.container-header-traceability, .lime.darken-1 {
    background-color: #c0ca33 !important
}

.container h3.lime-text, .lime-text.text-darken-1 {
    color: #c0ca33 !important
}

.lime.darken-2 {
    background-color: #afb42b !important
}

.lime-text.text-darken-2 {
    color: #afb42b !important
}

.lime.darken-3 {
    background-color: #9e9d24 !important
}

.lime-text.text-darken-3 {
    color: #9e9d24 !important
}

.lime.darken-4 {
    background-color: #827717 !important
}

.lime-text.container, .lime-text.text-darken-4 {
    color: #827717 !important
}

.lime.accent-1 {
    background-color: #f4ff81 !important
}

.lime-text.text-accent-1 {
    color: #f4ff81 !important
}

.lime.accent-2 {
    background-color: #eeff41 !important
}

.lime-text.text-accent-2 {
    color: #eeff41 !important
}

.lime.accent-3 {
    background-color: #c6ff00 !important
}

.lime-text.text-accent-3 {
    color: #c6ff00 !important
}

.lime.accent-4 {
    background-color: #aeea00 !important
}

.lime-text.text-accent-4 {
    color: #aeea00 !important
}

.yellow {
    background-color: #ffeb3b !important
}

.yellow-text {
    color: #ffeb3b !important
}

.yellow.lighten-5 {
    background-color: #fffde7 !important
}

.yellow-text.text-lighten-5 {
    color: #fffde7 !important
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important
}

.yellow-text.text-lighten-4 {
    color: #fff9c4 !important
}

.yellow.lighten-3 {
    background-color: #fff59d !important
}

.yellow-text.text-lighten-3 {
    color: #fff59d !important
}

.yellow.lighten-2 {
    background-color: #fff176 !important
}

.yellow-text.text-lighten-2 {
    color: #fff176 !important
}

.yellow.lighten-1 {
    background-color: #ffee58 !important
}

.yellow-text.text-lighten-1 {
    color: #ffee58 !important
}

.yellow.container-header-new, .yellow.container-header-recovery, .yellow.container-header-recycle, .yellow.container-header-repare, .yellow.container-header-smartphone-new, .yellow.container-header-smartphone-recovery, .yellow.container-header-smartphone-recycle, .yellow.container-header-smartphone-repare, .yellow.container-header-traceability, .yellow.darken-1 {
    background-color: #fdd835 !important
}

.container h3.yellow-text, .yellow-text.text-darken-1 {
    color: #fdd835 !important
}

.yellow.darken-2 {
    background-color: #fbc02d !important
}

.yellow-text.text-darken-2 {
    color: #fbc02d !important
}

.yellow.darken-3 {
    background-color: #f9a825 !important
}

.yellow-text.text-darken-3 {
    color: #f9a825 !important
}

.yellow.darken-4 {
    background-color: #f57f17 !important
}

.yellow-text.container, .yellow-text.text-darken-4 {
    color: #f57f17 !important
}

.yellow.accent-1 {
    background-color: #ffff8d !important
}

.yellow-text.text-accent-1 {
    color: #ffff8d !important
}

.yellow.accent-2 {
    background-color: #ff0 !important
}

.yellow-text.text-accent-2 {
    color: #ff0 !important
}

.yellow.accent-3 {
    background-color: #ffea00 !important
}

.yellow-text.text-accent-3 {
    color: #ffea00 !important
}

.yellow.accent-4 {
    background-color: #ffd600 !important
}

.yellow-text.text-accent-4 {
    color: #ffd600 !important
}

.amber {
    background-color: #ffc107 !important
}

.amber-text {
    color: #ffc107 !important
}

.amber.lighten-5 {
    background-color: #fff8e1 !important
}

.amber-text.text-lighten-5 {
    color: #fff8e1 !important
}

.amber.lighten-4 {
    background-color: #ffecb3 !important
}

.amber-text.text-lighten-4 {
    color: #ffecb3 !important
}

.amber.lighten-3 {
    background-color: #ffe082 !important
}

.amber-text.text-lighten-3 {
    color: #ffe082 !important
}

.amber.lighten-2 {
    background-color: #ffd54f !important
}

.amber-text.text-lighten-2 {
    color: #ffd54f !important
}

.amber.lighten-1 {
    background-color: #ffca28 !important
}

.amber-text.text-lighten-1 {
    color: #ffca28 !important
}

.amber.container-header-new, .amber.container-header-recovery, .amber.container-header-recycle, .amber.container-header-repare, .amber.container-header-smartphone-new, .amber.container-header-smartphone-recovery, .amber.container-header-smartphone-recycle, .amber.container-header-smartphone-repare, .amber.container-header-traceability, .amber.darken-1 {
    background-color: #ffb300 !important
}

.amber-text.text-darken-1, .container h3.amber-text {
    color: #ffb300 !important
}

.amber.darken-2 {
    background-color: #ffa000 !important
}

.amber-text.text-darken-2 {
    color: #ffa000 !important
}

.amber.darken-3 {
    background-color: #ff8f00 !important
}

.amber-text.text-darken-3 {
    color: #ff8f00 !important
}

.amber.darken-4 {
    background-color: #ff6f00 !important
}

.amber-text.container, .amber-text.text-darken-4 {
    color: #ff6f00 !important
}

.amber.accent-1 {
    background-color: #ffe57f !important
}

.amber-text.text-accent-1 {
    color: #ffe57f !important
}

.amber.accent-2 {
    background-color: #ffd740 !important
}

.amber-text.text-accent-2 {
    color: #ffd740 !important
}

.amber.accent-3 {
    background-color: #ffc400 !important
}

.amber-text.text-accent-3 {
    color: #ffc400 !important
}

.amber.accent-4 {
    background-color: #ffab00 !important
}

.amber-text.text-accent-4 {
    color: #ffab00 !important
}

.orange {
    background-color: #ff9800 !important
}

.orange-text {
    color: #ff9800 !important
}

.orange.lighten-5 {
    background-color: #fff3e0 !important
}

.orange-text.text-lighten-5 {
    color: #fff3e0 !important
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important
}

.orange-text.text-lighten-4 {
    color: #ffe0b2 !important
}

.orange.lighten-3 {
    background-color: #ffcc80 !important
}

.orange-text.text-lighten-3 {
    color: #ffcc80 !important
}

.orange.lighten-2 {
    background-color: #ffb74d !important
}

.orange-text.text-lighten-2 {
    color: #ffb74d !important
}

.orange.lighten-1 {
    background-color: #ffa726 !important
}

.orange-text.text-lighten-1 {
    color: #ffa726 !important
}

.orange.container-header-new, .orange.container-header-recovery, .orange.container-header-recycle, .orange.container-header-repare, .orange.container-header-smartphone-new, .orange.container-header-smartphone-recovery, .orange.container-header-smartphone-recycle, .orange.container-header-smartphone-repare, .orange.container-header-traceability, .orange.darken-1 {
    background-color: #fb8c00 !important
}

.container h3.orange-text, .orange-text.text-darken-1 {
    color: #fb8c00 !important
}

.orange.darken-2 {
    background-color: #f57c00 !important
}

.orange-text.text-darken-2 {
    color: #f57c00 !important
}

.orange.darken-3 {
    background-color: #ef6c00 !important
}

.orange-text.text-darken-3 {
    color: #ef6c00 !important
}

.orange.darken-4 {
    background-color: #e65100 !important
}

.orange-text.container, .orange-text.text-darken-4 {
    color: #e65100 !important
}

.orange.accent-1 {
    background-color: #ffd180 !important
}

.orange-text.text-accent-1 {
    color: #ffd180 !important
}

.orange.accent-2 {
    background-color: #ffab40 !important
}

.orange-text.text-accent-2 {
    color: #ffab40 !important
}

.orange.accent-3 {
    background-color: #ff9100 !important
}

.orange-text.text-accent-3 {
    color: #ff9100 !important
}

.orange.accent-4 {
    background-color: #ff6d00 !important
}

.orange-text.text-accent-4 {
    color: #ff6d00 !important
}

.deep-orange {
    background-color: #ff5722 !important
}

.deep-orange-text {
    color: #ff5722 !important
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important
}

.deep-orange-text.text-lighten-5 {
    color: #fbe9e7 !important
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important
}

.deep-orange-text.text-lighten-4 {
    color: #ffccbc !important
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important
}

.deep-orange-text.text-lighten-3 {
    color: #ffab91 !important
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important
}

.deep-orange-text.text-lighten-2 {
    color: #ff8a65 !important
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important
}

.deep-orange-text.text-lighten-1 {
    color: #ff7043 !important
}

.deep-orange.container-header-new, .deep-orange.container-header-recovery, .deep-orange.container-header-recycle, .deep-orange.container-header-repare, .deep-orange.container-header-smartphone-new, .deep-orange.container-header-smartphone-recovery, .deep-orange.container-header-smartphone-recycle, .deep-orange.container-header-smartphone-repare, .deep-orange.container-header-traceability, .deep-orange.darken-1 {
    background-color: #f4511e !important
}

.container h3.deep-orange-text, .deep-orange-text.text-darken-1 {
    color: #f4511e !important
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important
}

.deep-orange-text.text-darken-2 {
    color: #e64a19 !important
}

.deep-orange.darken-3 {
    background-color: #d84315 !important
}

.deep-orange-text.text-darken-3 {
    color: #d84315 !important
}

.deep-orange.darken-4 {
    background-color: #bf360c !important
}

.deep-orange-text.container, .deep-orange-text.text-darken-4 {
    color: #bf360c !important
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important
}

.deep-orange-text.text-accent-1 {
    color: #ff9e80 !important
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important
}

.deep-orange-text.text-accent-2 {
    color: #ff6e40 !important
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important
}

.deep-orange-text.text-accent-3 {
    color: #ff3d00 !important
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important
}

.deep-orange-text.text-accent-4 {
    color: #dd2c00 !important
}

.brown {
    background-color: #795548 !important
}

.brown-text {
    color: #795548 !important
}

.brown.lighten-5 {
    background-color: #efebe9 !important
}

.brown-text.text-lighten-5 {
    color: #efebe9 !important
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important
}

.brown-text.text-lighten-4 {
    color: #d7ccc8 !important
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important
}

.brown-text.text-lighten-3 {
    color: #bcaaa4 !important
}

.brown.lighten-2 {
    background-color: #a1887f !important
}

.brown-text.text-lighten-2 {
    color: #a1887f !important
}

.brown.lighten-1 {
    background-color: #8d6e63 !important
}

.brown-text.text-lighten-1 {
    color: #8d6e63 !important
}

.brown.container-header-new, .brown.container-header-recovery, .brown.container-header-recycle, .brown.container-header-repare, .brown.container-header-smartphone-new, .brown.container-header-smartphone-recovery, .brown.container-header-smartphone-recycle, .brown.container-header-smartphone-repare, .brown.container-header-traceability, .brown.darken-1 {
    background-color: #6d4c41 !important
}

.brown-text.text-darken-1, .container h3.brown-text {
    color: #6d4c41 !important
}

.brown.darken-2 {
    background-color: #5d4037 !important
}

.brown-text.text-darken-2 {
    color: #5d4037 !important
}

.brown.darken-3 {
    background-color: #4e342e !important
}

.brown-text.text-darken-3 {
    color: #4e342e !important
}

.brown.darken-4 {
    background-color: #3e2723 !important
}

.brown-text.container, .brown-text.text-darken-4 {
    color: #3e2723 !important
}

.blue-grey {
    background-color: #607d8b !important
}

.blue-grey-text, .button-transparent:active, .button-transparent:focus, .button-transparent:hover, .container {
    color: #607d8b !important
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important
}

.blue-grey-text.text-lighten-5, .text-lighten-5.button-transparent:active, .text-lighten-5.button-transparent:focus, .text-lighten-5.button-transparent:hover, .text-lighten-5.container {
    color: #eceff1 !important
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important
}

.blue-grey-text.text-lighten-4, .text-lighten-4.button-transparent:active, .text-lighten-4.button-transparent:focus, .text-lighten-4.button-transparent:hover, .text-lighten-4.container {
    color: #cfd8dc !important
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important
}

.blue-grey-text.text-lighten-3, .text-lighten-3.button-transparent:active, .text-lighten-3.button-transparent:focus, .text-lighten-3.button-transparent:hover, .text-lighten-3.container {
    color: #b0bec5 !important
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important
}

.blue-grey-text.text-lighten-2, .text-lighten-2.button-transparent:active, .text-lighten-2.button-transparent:focus, .text-lighten-2.button-transparent:hover, .text-lighten-2.container {
    color: #90a4ae !important
}

.blue-grey.lighten-1 {
    background-color: #78909c !important
}

.blue-grey-text.text-lighten-1, .text-lighten-1.button-transparent:active, .text-lighten-1.button-transparent:focus, .text-lighten-1.button-transparent:hover, .text-lighten-1.container {
    color: #78909c !important
}

.blue-grey.container-header-new, .blue-grey.container-header-recovery, .blue-grey.container-header-recycle, .blue-grey.container-header-repare, .blue-grey.container-header-smartphone-new, .blue-grey.container-header-smartphone-recovery, .blue-grey.container-header-smartphone-recycle, .blue-grey.container-header-smartphone-repare, .blue-grey.container-header-traceability, .blue-grey.darken-1 {
    background-color: #546e7a !important
}

.blue-grey-text.text-darken-1, .container h3.blue-grey-text, .container h3.button-transparent:active, .container h3.button-transparent:focus, .container h3.button-transparent:hover, .container h3.container, .text-darken-1.button-transparent:active, .text-darken-1.button-transparent:focus, .text-darken-1.button-transparent:hover, .text-darken-1.container {
    color: #546e7a !important
}

.blue-grey.darken-2 {
    background-color: #455a64 !important
}

.blue-grey-text.text-darken-2, .text-darken-2.button-transparent:active, .text-darken-2.button-transparent:focus, .text-darken-2.button-transparent:hover, .text-darken-2.container {
    color: #455a64 !important
}

.blue-grey.darken-3 {
    background-color: #37474f !important
}

.blue-grey-text.text-darken-3, .text-darken-3.button-transparent:active, .text-darken-3.button-transparent:focus, .text-darken-3.button-transparent:hover, .text-darken-3.container {
    color: #37474f !important
}

.blue-grey.darken-4 {
    background-color: #263238 !important
}

.blue-grey-text.text-darken-4, .button-transparent.container:active, .button-transparent.container:focus, .button-transparent.container:hover, .container, .text-darken-4.button-transparent:active, .text-darken-4.button-transparent:focus, .text-darken-4.button-transparent:hover {
    color: #263238 !important
}

.grey {
    background-color: #9e9e9e !important
}

.grey-text {
    color: #9e9e9e !important
}

.grey.lighten-5 {
    background-color: #fafafa !important
}

.grey-text.text-lighten-5 {
    color: #fafafa !important
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important
}

.grey-text.text-lighten-4 {
    color: #f5f5f5 !important
}

.grey.lighten-3 {
    background-color: #eee !important
}

.grey-text.text-lighten-3 {
    color: #eee !important
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important
}

.grey-text.text-lighten-2 {
    color: #e0e0e0 !important
}

.grey.lighten-1 {
    background-color: #bdbdbd !important
}

.grey-text.text-lighten-1 {
    color: #bdbdbd !important
}

.grey.container-header-new, .grey.container-header-recovery, .grey.container-header-recycle, .grey.container-header-repare, .grey.container-header-smartphone-new, .grey.container-header-smartphone-recovery, .grey.container-header-smartphone-recycle, .grey.container-header-smartphone-repare, .grey.container-header-traceability, .grey.darken-1 {
    background-color: #757575 !important
}

.container h3.grey-text, .grey-text.text-darken-1 {
    color: #757575 !important
}

.grey.darken-2 {
    background-color: #616161 !important
}

.grey-text.text-darken-2 {
    color: #616161 !important
}

.grey.darken-3 {
    background-color: #424242 !important
}

.grey-text.text-darken-3 {
    color: #424242 !important
}

.grey.darken-4 {
    background-color: #212121 !important
}

.grey-text.container, .grey-text.text-darken-4 {
    color: #212121 !important
}

.black {
    background-color: #000 !important
}

.black-text {
    color: #000 !important
}

.blog-cat-view .postWrapper .postContent .aw-blog-read-more:hover, .blog-index-list .postWrapper .postContent .aw-blog-read-more:hover, .button-action:active, .button-action:focus, .button-action:hover, .button-new:active, .button-new:focus, .button-new:hover, .button-recovery:active, .button-recovery:focus, .button-recovery:hover, .button-recycle:active, .button-recycle:focus, .button-recycle:hover, .button-repare:active, .button-repare:focus, .button-repare:hover, .button-transparent:active, .button-transparent:focus, .button-transparent:hover, .white {
    background-color: #FFF !important
}

.button-general, .button-raised, .button-transparent, .card-category, .card-category-list li a, .card-full, .card-service, .container-header, .white-text {
    color: #FFF !important
}

.transparent {
    background-color: transparent !important
}

.transparent-text {
    color: transparent !important
}
.circle {
    border-radius: 50%
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-padding {
    padding: 0 !important
}

.z-depth-0 {
    box-shadow: none !important
}

.blog-cat-view .postWrapper, .blog-index-list .postWrapper, .card-article, .card-panel, .card-process, .card-product, .collapsible, .side-nav, .z-depth-1 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.z-depth-1-half {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2)
}

.z-depth-2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3)
}

.z-depth-3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3)
}

.modal, .z-depth-4 {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3)
}

.z-depth-5 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .3)
}

.hoverable {
    transition: box-shadow .25s
}

.hoverable:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

@media only screen and (max-width: 350px) {
    .hide-on-small-and-down, .hide-on-small-only {
        display: none !important
    }
}

@media only screen and (max-width: 600px) {
    .hide-on-med-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 351px) {
    .hide-on-med-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 350px) and (max-width: 600px) {
    .hide-on-med-only {
        display: none !important
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-large-only {
        display: none !important
    }

    .show-on-large {
        display: block !important
    }
}

@media only screen and (min-width: 350px) and (max-width: 600px) {
    .show-on-medium {
        display: block !important
    }
}

@media only screen and (max-width: 350px) {
    .show-on-small {
        display: block !important
    }

    .center-on-small-only {
        text-align: center
    }
}

@media only screen and (min-width: 351px) {
    .show-on-medium-and-up {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .show-on-medium-and-down {
        display: block !important
    }
}

.chip, .chips .input {
    display: inline-block
}

.button-general, .button-raised, .button-transparent {
    display: inline-block;
    height: 40px;
    padding: 0 40px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .5s;
    border: none
}

.button-raised {
    background-color: #000
}

.button-raised-little {
    padding: 0 20px;
    height: 30px;
    line-height: 30px
}

.chip, .chip .close, .chips .input {
    line-height: 32px
}

.button-copy {
    margin-top: -30px
}

.button-transparent {
    background-color: transparent;
    border: 1px solid #FFF
}

.button-transparent:active, .button-transparent:focus, .button-transparent:hover {
    border-color: #FFF;
    outline: 0
}

.button-new {
    border: none
}

.button-new:active, .button-new:focus, .button-new:hover {
    border: 1px solid #547481
}

.button-recycle {
    border: none
}

.button-recycle:active, .button-recycle:focus, .button-recycle:hover {
    border: 1px solid #B8C635
}

.button-repare {
    border: none
}

.button-repare:active, .button-repare:focus, .button-repare:hover {
    border: 1px solid #FDC71F
}

.button-recovery {
    border: none
}

.button-recovery:active, .button-recovery:focus, .button-recovery:hover {
    border: 1px solid #AB3D8C
}

.button-action {
    border: none
}

.blog-cat-view .postWrapper .postContent .aw-blog-read-more:hover, .blog-index-list .postWrapper .postContent .aw-blog-read-more:hover, .button-action:active, .button-action:focus, .button-action:hover {
    border: 1px solid #F2A544
}

.chip {
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, .6);
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px
}

.chip > img {
    float: left;
    margin: 0 8px 0 -12px;
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.chip .close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    padding-left: 8px
}

.pager .amount, .sorter .view-mode {
    float: left
}

.chips {
    border: none;
    border-bottom: 1px solid #9e9e9e;
    box-shadow: none;
    margin: 0 0 20px;
    min-height: 45px;
    outline: 0;
    transition: all .3s
}

.chips.focus {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a
}

.chips:hover {
    cursor: text
}

#nav li a span, .modal .modal-close, .waves-effect, nav ul a {
    cursor: pointer
}

.chips .chip.selected {
    background-color: #26a69a;
    color: #fff
}

.chips .input {
    background: 0 0;
    border: 0;
    color: rgba(0, 0, 0, .6);
    font-size: 1rem;
    height: 3rem;
    outline: 0;
    margin: 0;
    padding: 0 !important;
    width: 120px !important
}

.chips .input:focus {
    border: 0 !important;
    box-shadow: none !important
}

.chips .autocomplete-content {
    margin-top: 0;
    margin-bottom: 0
}

.prefix ~ .chips {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem)
}

.chips:empty ~ label {
    font-size: .8rem;
    transform: translateY(-140%)
}

.divider-top-40 {
    margin-top: 40px
}

.title-content {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: .75rem;
    margin-top: 1rem;
    display: block
}

h1, h4 {
    margin: 0
}

.cabin-font, .card-category-title, .card-service-title, .container h1, .container h2 {
    font-family: Cabin, sans-serif !important;
    letter-spacing: .04rem
}

html {
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: rgba(0, 0, 0, .87)
}

@media only screen and (min-width: 0) {
    html {
        font-size: 14px
    }
}

@media only screen and (min-width: 600px) {
    html {
        font-size: 14.5px
    }
}

@media only screen and (min-width: 940px) {
    html {
        font-size: 15px
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit
}

h1 {
    font-weight: 700;
    font-size: 4.2rem;
    line-height: 110%
}

h2, h3 {
    font-size: 2rem;
    line-height: 110%
}

h2 {
    margin: 1.5rem 0 1.2rem;
    font-weight: 600
}

h3 {
    letter-spacing: 1px;
    font-weight: 700;
    margin: 1rem 0 .8rem
}

h4 {
    font-size: 1.5rem;
    line-height: 110%
}

h5 {
    font-size: 1.64rem;
    line-height: 110%;
    margin: .82rem 0 .656rem
}

h6 {
    font-size: 1rem;
    line-height: 110%;
    margin: .5rem 0 .4rem
}

strong {
    font-weight: 600
}

small {
    font-size: 75%
}

.light {
    font-weight: 300
}

.thin {
    font-weight: 200
}

.flow-text {
    font-weight: 300
}

@media only screen and (min-width: 360px) {
    .flow-text {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 389.5px) {
    .flow-text {
        font-size: 1.224rem
    }
}

@media only screen and (min-width: 419px) {
    .flow-text {
        font-size: 1.248rem
    }
}

@media only screen and (min-width: 448.5px) {
    .flow-text {
        font-size: 1.272rem
    }
}

@media only screen and (min-width: 478px) {
    .flow-text {
        font-size: 1.296rem
    }
}

@media only screen and (min-width: 507.5px) {
    .flow-text {
        font-size: 1.32rem
    }
}

@media only screen and (min-width: 537px) {
    .flow-text {
        font-size: 1.344rem
    }
}

@media only screen and (min-width: 566.5px) {
    .flow-text {
        font-size: 1.368rem
    }
}

@media only screen and (min-width: 596px) {
    .flow-text {
        font-size: 1.392rem
    }
}

@media only screen and (min-width: 625.5px) {
    .flow-text {
        font-size: 1.416rem
    }
}

@media only screen and (min-width: 655px) {
    .flow-text {
        font-size: 1.44rem
    }
}

@media only screen and (min-width: 684.5px) {
    .flow-text {
        font-size: 1.464rem
    }
}

@media only screen and (min-width: 714px) {
    .flow-text {
        font-size: 1.488rem
    }
}

@media only screen and (min-width: 743.5px) {
    .flow-text {
        font-size: 1.512rem
    }
}

@media only screen and (min-width: 773px) {
    .flow-text {
        font-size: 1.536rem
    }
}

@media only screen and (min-width: 802.5px) {
    .flow-text {
        font-size: 1.56rem
    }
}

@media only screen and (min-width: 832px) {
    .flow-text {
        font-size: 1.584rem
    }
}

@media only screen and (min-width: 861.5px) {
    .flow-text {
        font-size: 1.608rem
    }
}

@media only screen and (min-width: 891px) {
    .flow-text {
        font-size: 1.632rem
    }
}

@media only screen and (min-width: 920.5px) {
    .flow-text {
        font-size: 1.656rem
    }
}

@media only screen and (min-width: 950px) {
    .flow-text {
        font-size: 1.68rem
    }
}

@media only screen and (max-width: 360px) {
    .flow-text {
        font-size: 1.2rem
    }
}

.bullet {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px
}

.overlay-new {
    background-color: rgba(84, 116, 129, .6) !important
}

.overlay-recycle {
    background-color: rgba(69, 72, 35, .6) !important
}

.overlay-repare {
    background-color: rgba(120, 104, 53, .6) !important
}

.overlay-recovery {
    background-color: rgba(89, 40, 75, .6) !important
}

.waves-effect {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
    transition: .3s ease-out
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    transition: all .7s ease-out;
    transition-property: transform, opacity;
    transform: scale(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .45)
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .7)
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .7)
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .7)
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .7)
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .7)
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .7)
}

.waves-effect input[type=button], .waves-effect input[type=reset], .waves-effect input[type=submit] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: 0 0
}

.waves-effect img {
    position: relative;
    z-index: -1
}

.waves-notransition {
    transition: none !important
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.card-article, .card-category, .card-overlay, .card-product, .card-service {
    border-radius: 10px
}

.card-article-image, .card-product-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.waves-block {
    display: block
}

.waves-effect .waves-ripple {
    z-index: -1
}

.card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1
}

.card-category {
    height: 150px;
    width: 250px;
    padding: 30px 10px 20px 20px;
    position: relative;
    z-index: 0;
    margin: 10px auto
}

.card-category-mark {
    height: 40px;
    width: 190px
}

.card-category-title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px
}

.card-category-title-recycle {
    text-transform: uppercase;
    font-size: 16px
}

.card-category-subtitle {
    font-size: 15px;
    display: block;
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase
}

.card-category-list {
    font-size: 12px;
    display: block;
    font-weight: 400;
    line-height: 16px;
    margin-top: 5px;
    margin-left: 10px
}

.card-category-button {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.card-category-button-center {
    position: absolute;
    bottom: 20px;
    left: 46px
}

.category-new-filaire {
    background: url(https://www.connexing.fr/media/wysiwyg/job/filaires-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-new-dect {
    background: url(https://www.connexing.fr/media/wysiwyg/job/dect-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-new-smartphone {
    background: url(https://www.connexing.fr/media/wysiwyg/job/smartphone-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-new-casque {
    background: url(https://www.connexing.fr/media/wysiwyg/job/casque-min.png) center left no-repeat #3A505A;
    background-size: contain
}

.category-new-conf {
    background: url(https://www.connexing.fr/media/wysiwyg/job/conf-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-new-switch {
    background: url(https://www.connexing.fr/media/wysiwyg/job/switch-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-new-accessories {
    background: url(https://www.connexing.fr/media/wysiwyg/job/accessories-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-recycle-filaire {
    background: url(https://www.connexing.fr/media/wysiwyg/job/filaires-min.png) center right no-repeat #818A25;
    background-size: contain
}

.category-recycle-dect {
    background: url(https://www.connexing.fr/media/wysiwyg/job/dect-min.png) center right no-repeat #818A25;
    background-size: contain
}

.category-recycle-smartphone {
    background: url(https://www.connexing.fr/media/wysiwyg/job/smartphone-min.png) center right no-repeat #818A25;
    background-size: contain
}

.category-recycle-switch {
    background: url(https://www.connexing.fr/media/wysiwyg/job/switch-min.png) center right no-repeat #818A25;
    background-size: contain
}

.category-mark-honeywell {
    background: url(https://www.connexing.fr/media/wysiwyg/job/honeywell-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-mark-zebra {
    background: url(https://www.connexing.fr/media/wysiwyg/job/zebra-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.category-mark-datalogic {
    background: url(https://www.connexing.fr/media/wysiwyg/job/datalogic-min.png) center right no-repeat #3A505A;
    background-size: contain
}

.card-service {
    height: 170px;
    width: 280px;
    padding: 30px 10px 20px;
    position: relative;
    z-index: 0;
    margin: 10px auto;
    text-align: center
}

.card-service img {
    width: 50px
}

.card-service-title {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px
}

.card-service-button {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    bottom: 20px
}

.card-service-button-large {
    position: absolute;
    left: 47.5px;
    bottom: 20px
}

.service-new {
    background: url(https://www.connexing.fr/media/wysiwyg/job/bg-neuf-min.jpg) center center no-repeat #3A505A;
    background-size: cover
}

.service-recycle {
    background: url(https://www.connexing.fr/media/wysiwyg/job/bg-eco-min.jpg) center center no-repeat #818A25;
    background-size: cover
}

.service-repare {
    background: url(https://www.connexing.fr/media/wysiwyg/job/bg-repa-min.jpg) center center no-repeat #B18B15;
    background-size: cover
}

.service-recovery {
    background: url(https://www.connexing.fr/media/wysiwyg/job/bg-repa-min.jpg) center center no-repeat #782A62;
    background-size: cover
}

.service-smartphone-repare {
    background: url(https://www.connexing.fr/media/wysiwyg/job/services-smartphone-min.jpg) center right no-repeat #B18B15;
    background-size: cover
}

.service-smartphone-recovery {
    background: url(https://www.connexing.fr/media/wysiwyg/job/services-smartphone-min.jpg) center right no-repeat #782A62;
    background-size: cover
}

.card-full {
    text-align: center;
    position: relative;
    height: 300px;
    padding-top: 35px !important;
    z-index: 0;
    padding: 0 10px
}

.card-full-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px
}

.card-full-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1
}

.full-infra {
    background: url(https://www.connexing.fr/media/wysiwyg/job/infra-min.jpg) center center no-repeat #818A25;
    background-size: cover
}

.full-composant {
    background: url(https://www.connexing.fr/media/wysiwyg/job/composant-min.jpg) center center no-repeat #818A25;
    background-size: cover
}

.full-qualite {
    background: url(https://www.connexing.fr/media/wysiwyg/job/qualite-min.jpg) center center no-repeat #818A25;
    background-size: cover
}

.card-process {
    display: flex;
    margin: 10px auto;
    height: 265px;
    width: 265px;
    padding: 0 10px
}

.card-process-content, .card-process-icon {
    width: 100%;
    text-align: center
}

.card-process-large {
    height: 300px
}

.card-process-icon {
    float: left;
    margin-bottom: 20px;
    margin-top: 10px
}

.card-article {
    height: 350px;
    width: 280px;
    position: relative;
    z-index: 0;
    margin: 10px auto
}

.card-article-image {
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.card-article-content {
    padding: 10px;
    position: relative;
    height: 50%
}

.card-article-title {
    font-family: Cabin-Bold;
    font-weight: 700;
    font-size: 23px
}

.card-article-subtitle {
    font-size: 12px;
    display: block;
    margin-top: 5px
}

.card-article-category {
    font-size: 12px;
    color: #547481;
    letter-spacing: 1px
}

.card-article-button {
    position: absolute;
    left: 50%;
    margin-left: -92px;
    bottom: 40px
}

.card-product {
    width: 220px;
    position: relative;
    z-index: 0;
    margin: 10px auto
}

.card-product-image {
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.container-header-new, .container-header-recovery, .container-header-recycle, .container-header-repare, .container-header-smartphone-new, .container-header-smartphone-recovery, .container-header-smartphone-recycle, .container-header-smartphone-repare, .container-header-traceability {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.card-product-content {
    padding: 10px;
    position: relative;
    height: 50%
}

.card-product-title {
    font-weight: 700;
    font-size: 16px
}

.card-product-mark {
    font-size: 15px;
    font-weight: 500;
    display: block
}

.card-product-old-price {
    font-size: 13px;
    text-decoration: line-through;
    letter-spacing: 1px;
    display: block;
    text-align: center
}

.card-product-price {
    font-size: 18px;
    color: #547481;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    font-weight: 700
}

.card-product-stock {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 20px;
    letter-spacing: 1px;
    text-align: center;
    width: 6rem;
    font-weight: 700;
    padding: 2px 0;
    margin: 5px auto
}

.container h2, .container h3 {
    letter-spacing: 0;
    font-weight: 700
}

.card-product-button {
    margin: 5px auto
}

.card-panel {
    transition: box-shadow .25s;
    padding: 20px;
    margin: 10px auto;
    border-radius: 10px;
    background-color: #fff
}

.card-panel-table {
    background-color: #e8e8e8;
    margin: 0 auto 20px;
    border-radius: 10px
}

.card-panel-content p {
    padding-left: 20px;
    padding-right: 20px;
    margin: 10px 0
}

.collapsible {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: .5rem 0 1rem
}

.collapsible-header {
    display: flex;
    cursor: pointer;
    line-height: 1.5;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem
}

.collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    padding: 2rem
}

.side-nav .collapsible, .side-nav.fixed .collapsible {
    border: none;
    box-shadow: none
}

.side-nav .collapsible li, .side-nav.fixed .collapsible li {
    padding: 0
}

.side-nav .collapsible-header, .side-nav.fixed .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
    padding: 0 16px
}

.side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover {
    background-color: rgba(0, 0, 0, .05)
}

.side-nav .collapsible-header i, .side-nav.fixed .collapsible-header i {
    line-height: inherit
}

.side-nav .collapsible-body, .side-nav.fixed .collapsible-body {
    border: 0;
    background-color: #fff
}

.side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a {
    padding: 0 23.5px 0 31px
}

.collapsible.popout {
    border: none;
    box-shadow: none
}

.collapsible.popout > li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin: 0 24px;
    transition: margin .35s cubic-bezier(.25, .46, .45, .94)
}

nav ul a, nav ul li {
    transition: background-color .3s
}

.collapsible.popout > li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    margin: 16px 0
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif !important;
    margin-bottom: 50px;
    padding-top: 20px
}

.container h2 {
    padding-right: 20px;
    font-size: 30px;
    padding-bottom: 30px
}

.container h3 {
    display: block;
    margin: 20px 0 !important;
    font-size: 24px !important
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 920px
    }
}

.container-header {
    text-align: center;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    padding: 70px 30px 60px
}

.container-header-new {
    background-image: url(https://www.connexing.fr/media/wysiwyg/job/bg-neuf-min.jpg)
}

.container-header-recycle {
    background-image: url(https://www.connexing.fr/media/wysiwyg/job/bg-eco-min.jpg)
}

.container-header-recovery, .container-header-repare {
    background-image: url(https://www.connexing.fr/media/wysiwyg/job/bg-repa-min.jpg)
}

.container-header-smartphone-new {
    background-image: url(https://www.connexing.fr/media/wysiwyg/job/bg-neuf-min.jpg)
}

.container-header-smartphone-recycle {
    background-image: url(https://www.connexing.fr/media/wysiwyg/job/bg-eco-min.jpg)
}

.container-header-smartphone-recovery, .container-header-smartphone-repare {
    background-image: url(https://www.connexing.fr/media/wysiwyg/job/services-smartphone-min.jpg)
}

.container-header-traceability {
    background-image: url(https://www.connexing.fr/media/wysiwyg/job/bg-traceability-min.jpg)
}

.container-header-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 10px
}

.modal, .modal-overlay {
    position: fixed;
    left: 0;
    right: 0;
    display: none
}

.container-advantage {
    text-align: center;
    margin: 50px 0;
    padding: 0 10px
}

.container-advantage img {
    height: 70px;
    margin-bottom: 20px
}

@media (max-width: 640px) {
    .container-advantage {
        margin: 25px 0
    }
}

.container-mark {
    margin-top: 40px;
    text-align: center
}

.container-mark img {
    width: 100px;
    margin: 10px
}

.left-align {
    text-align: left
}

.center-align {
    text-align: center
}

.right-align {
    text-align: right
}

.disabled {
    opacity: .5
}

.modal {
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity
}

@media only screen and (max-width: 600px) {
    .modal {
        width: 80%
    }
}

.modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0
}

.modal .modal-content {
    padding: 24px
}

.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
    text-align: right
}

.modal .modal-footer .btn, .modal .modal-footer .btn-flat {
    margin: 6px 0
}

.modal-overlay {
    z-index: 999;
    top: -25%;
    bottom: 0;
    height: 125%;
    width: 100%;
    background: #000;
    will-change: opacity
}

.modal.modal-fixed-footer {
    padding: 0;
    height: 70%
}

.modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto
}

.modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 0
}

.modal.bottom-sheet {
    top: auto;
    bottom: -100%;
    margin: 0;
    width: 100%;
    max-height: 45%;
    border-radius: 0;
    will-change: bottom, opacity
}

.pager .pages ol {
    display: inline
}

.pager .pages li {
    display: inline;
    width: 17px;
    height: 17px
}

.manufacturers-view-index .pager .pages li a,
.catalogsearch-result-index .pager .pages li a,
.catalog-category-view .pager .pages li a,
.b2b-negotiated-index .pager .pages li a {
    font-weight: 700;
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color:#687178;
    padding: 0 10px;
    display: inline-block;
}

.manufacturers-view-index .pager .pages li.current,
.catalogsearch-result-index .pager .pages li.current,
.catalog-category-view .pager .pages li.current,
.b2b-negotiated-index .pager .pages li.current {
    font-weight: 700;
    color: #fdb65b;  display: inline-block;
    font-size: 16px;padding: 0 10px;
    font-family: "Source Sans Pro", sans-serif;
}

.manufacturers-view-index .pager .pages li a.next,
.manufacturers-view-index  .pager .pages li a.previous,
.catalogsearch-result-index .pager .pages li a.next,
.catalogsearch-result-index  .pager .pages li a.previous,
.catalog-category-view .pager .pages li a.next,
.catalog-category-view  .pager .pages li a.previous,
.b2b-negotiated-index .pager .pages li a.next,
.b2b-negotiated-index  .pager .pages li a.previous {
    background: 0 0;
    padding: 0
}

.manufacturers-view-index .sorter,
.catalogsearch-result-index .sorter,
.catalog-category-view .sorter,
.b2b-negotiated-index .sorter {
    padding: 3px 0
}
.manufacturers-view-index .pager .right .sorter,
.manufacturers-view-index .pager .right .limiter,
.catalogsearch-result-index .pager .right .sorter,
.catalogsearch-result-index .pager .right .limiter,
.catalog-category-view .pager .right .sorter,
.catalog-category-view .pager .right .limiter,
.b2b-negotiated-index .pager .right .sorter,
.b2b-negotiated-index .pager .right .limiter {
    float: left;
    width: 50%;
}
.manufacturers-view-index .pager .right div select,
.catalogsearch-result-index .pager .right div select,
.catalog-category-view .pager .right div select,
.b2b-negotiated-index .pager .right div select{
    border: none;
    border-bottom: 2px solid #7f7f7f;
    padding: 0  0 9px 0!important;
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    width: 79%;
}
.manufacturers-view-index .pager .right div label,
.catalogsearch-result-index .pager .right div label,
.catalog-category-view .pager .right div label,
.b2b-negotiated-index .pager .right div label{
    font-size: 12px;
    display: block;
    color:#7f7f7f;
    padding-bottom: 8px;
}
.manufacturers-view-index .pager .right,
.catalog-category-view .pager .right,
.catalogsearch-result-index .pager .right,
.b2b-negotiated-index .pager .right{
    width: 45%;
}
.manufacturers-view-index .main .mb-content,
.catalogsearch-result-index .main .mb-content,
.catalog-category-view .main .mb-content,
.b2b-negotiated-index .main .mb-content {
    margin-top: 12px;
}
.manufacturers-view-index .pager .amount,
.catalogsearch-result-index .pager .amount,
.catalog-category-view .pager .amount,
.b2b-negotiated-index .pager .amount{
    font-size: 14px;
    color: #687178;
    margin-top: 20px;
}
.toolbar {
    font-size: 12px;
    position: relative;
}

.toolbar-bottom .toolbar {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.toolbar .sorter select {
    max-width: 150px
}

.footer-container ul.home-menu-services {
    margin: 0 auto;
    width: 465px;
    float: left;
    background-color: #0a2731;
    height: 65px;
    text-align: center
}

.footer-container ul.home-menu-services li {
    position: relative;
    display: inline-block;
    width: 77px
}

.footer-container ul.home-menu-services li a {
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%
}

.footer-container ul.home-menu-services li a::before {
    content: '';
    margin: auto;
    position: absolute;
    left: 19px;
    top: -49px;
    display: block;
    width: 48px;
    height: 48px
}

.footer-container ul.home-menu-services li.neuf a::before {
    background: url(/media/wysiwyg/Icons/logo/metier/new/new_inactive.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.neuf a:hover::before {
    background: url(/media/wysiwyg/Icons/logo/metier/new/new_active.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.reprise a::before {
    background: url(/media/wysiwyg/Icons/logo/metier/repare/repare_inactive.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.reprise a:hover::before {
    background: url(/media/wysiwyg/Icons/logo/metier/repare/repare_active.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.ecorecycle a::before {
    background: url(/media/wysiwyg/Icons/logo/metier/recycle/recycle_inactive.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.ecorecycle a:hover::before {
    background: url(/media/wysiwyg/Icons/logo/metier/recycle/recycle_active.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.reparation a::before {
    background: url(/media/wysiwyg/Icons/logo/metier/recovery/recovery_inactive.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.reparation a:hover::before {
    background: url(/media/wysiwyg/Icons/logo/metier/recovery/recovery_active.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.studio a::before {
    background: url(/media/wysiwyg/Icons/logo/metier/studio/studio_inactive.svg) center center no-repeat;
    background-size: contain
}

.footer-container ul.home-menu-services li.studio a:hover::before {
    background: url(/media/wysiwyg/Icons/logo/metier/studio/studio_active.svg) center center no-repeat;
    background-size: contain
}

.text-hide, nav {
    background-color: transparent
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container-fluid:after, .container:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.section {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.section.no-pad {
    padding: 0
}

.section.no-pad-bot {
    padding-bottom: 0
}

.section.no-pad-top {
    padding-top: 0
}

.header .phone-number {
    margin: 0 0 11px
}

.top-phone-number {
    color: #78b41e;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    margin: 0;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}

nav, nav a {
    color: #fff
}

.top-phone-number .number-large {
    font-size: 19px;
    top: 5px;
    margin-left: 5px;
    text-align: left;
}

.top-phone-number p {
    position: absolute;
    top: 4px;
    font-size: 18px;
    margin: 0 auto;
    left: 6px;
}

.top-phone-number-desktop {
    display: inline;
    width: 228px;
}

.top-phone-number-mobile {
    display: none
}

@media (min-width: 320px) and (max-width: 640px) {
    .top-phone-number p {
        font-size: 13px;
        width: 126px;
        top: 5px
    }

    .top-phone-number .number-large {
        font-size: 15px;
        top: 3px
    }
}

nav {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 56px;
    line-height: 56px
}

nav.nav-extended {
    height: auto
}

nav.nav-extended .nav-wrapper {
    min-height: 56px;
    height: auto
}

nav.nav-extended .nav-content {
    position: relative;
    line-height: normal
}

nav [class*=mdi-], nav [class^=mdi-], nav i, nav i.material-icons {
    display: block;
    font-size: 24px;
    height: 56px;
    line-height: 56px
}

nav .nav-wrapper {
    position: relative;
    height: 100%
}

@media only screen and (min-width: 601px) {
    nav a.button-collapse {
        display: none
    }
}

nav .button-collapse {
    float: left;
    position: relative;
    z-index: 1;
    height: 56px;
    margin: 0 18px
}

nav .button-collapse i {
    height: 56px;
    line-height: 56px
}

nav .button-collapse p {
    position: absolute;
    top: 5px;
    left: -10px
}

nav .brand-logo {
    position: absolute;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 2.1rem;
    padding: 0
}

nav .brand-logo.center {
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 600px) {
    nav .brand-logo {
        left: 50%;
        transform: translateX(-50%)
    }

    nav .brand-logo.left, nav .brand-logo.right {
        padding: 0;
        transform: none
    }

    nav .brand-logo.left {
        left: .5rem
    }

    nav .brand-logo.right {
        right: .5rem;
        left: auto
    }
}

nav .brand-logo.right {
    right: .5rem;
    padding: 0
}

nav .brand-logo [class*=mdi-], nav .brand-logo [class^=mdi-], nav .brand-logo i, nav .brand-logo i.material-icons {
    float: left;
    margin-right: 0
}

nav .brand-logo .title {
    font-weight: 900;
    font-size: 2rem;
    color: rgba(75, 165, 239, .8);
    display: block
}

nav .nav-title {
    display: inline-block;
    font-size: 32px;
    padding: 28px 0
}

nav ul {
    margin: 0
}

nav ul li {
    float: left;
    padding: 0
}

nav ul li.active {
    background-color: rgba(0, 0, 0, .1)
}

nav ul a {
    font-size: .85rem;
    color: #fff;
    display: block;
    padding: 0 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

nav ul a.btn, nav ul a.btn-flat, nav ul a.btn-floating, nav ul a.btn-large {
    margin-top: -2px;
    margin-left: 15px;
    margin-right: 15px
}

nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn > .material-icons {
    height: inherit;
    line-height: inherit
}

nav ul.left {
    float: left
}

nav form {
    height: 100%
}

nav .input-field {
    margin: 0;
    height: 100%
}

nav .input-field input {
    height: 100%;
    font-size: 1.2rem;
    border: none;
    padding-left: 2rem
}

nav .input-field input:focus, nav .input-field input[type=date]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=text]:valid, nav .input-field input[type=url]:valid {
    border: none;
    box-shadow: none
}

nav .input-field label {
    top: 0;
    left: 0
}

nav .input-field label i {
    color: rgba(255, 255, 255, .7);
    transition: color .3s
}

nav .input-field label.active i {
    color: #fff
}

.nav-homepage {
    padding-top: 4%
}

.nav-blue #menu-icon object, .nav-blue p, .nav-blue ul a {
    color: #B8C635
}

.nav-second {
    padding: 0 20px
}

.nav-second a img {
    margin-top: 10px;
    width: 60px
}

.nav-header {
    margin-top: 20px
}

.nav-header h1 {
    font-weight: 900;
    font-size: 30px;
    color: #4BA5EF;
    margin: 0;
    display: block;
    padding-top: 80px
}

.navbar-fixed {
    position: relative;
    height: 56px;
    z-index: 997
}

.navbar-fixed nav {
    position: fixed
}

@media only screen and (min-width: 351px) {
    nav.nav-extended .nav-wrapper {
        min-height: 64px
    }

    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        height: 64px;
        line-height: 64px
    }

    .navbar-fixed {
        height: 64px
    }
}

.nav-10 {
    display: none
}

.nav-container {
    background-color: white !important
}

#nav {
    max-width: 1140px;
    font-size: 15px;
    color: #fff;
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: table;
}

#nav li {
    text-align: left
}

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

#nav .menu-brands li a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    font-weight: normal;
}
#nav li a {
    display: block;
    text-decoration: none
}

#nav li a:hover {
    text-decoration: none;
}

#nav .brands a, #nav li.level-top > a:hover {
    text-decoration: none
}

#nav li a span {
    display: block
}

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

#nav li.home {
    display: none;
    float: left
}

#nav li.level-top {
    text-align: center;
    line-height: 28px;
    display: table-cell;
}

#nav li.level-top > a {
    color: #fff;
    height: 34px;
    margin: 4px 0 ;
}

#nav li.level-top.last > a {
    border-right: 0
}

#nav li.level-top.first > a {
    border-left: 0
}

#nav li.level-top:hover > a > span {
    color:#e7b700;
}
#nav li.level-top > a > span {
    padding: 0 9px;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    color: #687178;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

#nav li.level-top > div .cmsBlock{
    position: relative;
    color: black;
    margin-top: 20px;
}
#nav .cmsBlock .menu .link a{
    padding: 5px 30px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
}
#nav .cmsBlock .menu .link.L-right,
#nav .cmsBlock .menu .link.L-right a{
    color:#ab3d8c;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#nav .cmsBlock .menu .link.L-middle,
#nav .cmsBlock .menu .link.L-middle a{
    color:#e7b700;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#nav .cmsBlock .menu .link.L-left,
#nav .cmsBlock .menu .link.L-left a{
    color:#baca34;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

}
#nav .cmsBlock .menu .link.L-right a:hover{
    background-color:#ab3d8c;
}
#nav .cmsBlock .menu .link.L-middle a:hover{
    background-color: #e7b700;
}
#nav .cmsBlock .menu .link.L-left a:hover{
    background-color: #baca34;
}
#nav .cmsBlock .menu .link a:hover{
    text-decoration: none;
    color: white;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#nav .cmsBlock .menu .link{
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid;
    margin: 0 38px;
}
#nav .cmsBlock .menu{
    display: table;
    width: 100%;
}
#nav li.level-top > div .all{
    overflow: hidden;
    clear: both;
}
#nav li.level-top > div {
    overflow: hidden;
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 9999;
    font-size: 12px;
    zoom: 1;
    width: 100%;
    height: auto;
    padding: 17px 0 20px;
    border-top: 2px solid #e7b700!important;
    background-color: #fff
}

#nav li.level-top .menu-wrapper .menu-brands,
#nav li.level-top .menu-wrapper .menu-category,
#nav li.level-top .menu-wrapper .menu-image,
#nav li.level-top .menu-wrapper .menu-uses {
    float: left;
    padding: 0 7px;
    box-sizing: border-box;
    min-height: 100%
}
#nav li.level-top .menu-wrapper .menu-category{
    width: 61%;
    height: auto !important;
    border-right: 1px solid #797979;
}

#nav li.level-top .menu-wrapper .menu-image {
    width: 22.5%;
    position: relative;
    min-height: 180px;
    border-right: 1px solid #797979;
}

#nav li.level-top .menu-wrapper .menu-uses {
    width: 200px
}

#nav li.level-top .menu-wrapper .menu-brands p.marque{
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #0a263d;
    background-color: transparent;
}
#nav li.level-top .menu-wrapper .menu-brands {
    width: 16%;
    float: right;
    height: auto !important;
    margin-top: 7px;
    padding: 0 12px;
}

#nav li.level-top .menu-wrapper .menu-category ul.level0 {
    box-sizing: border-box;
    display: block;
    text-align: left;
    width: 100%;
}

#nav li.level-top .menu-wrapper .menu-image img {
    max-width: 100%;
    max-height:100%;
    height: auto;
    width: auto;
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    display: block;
    margin:auto;
}

#nav li.level-top .menu-wrapper .menu-brands p, #nav li.level-top .menu-wrapper .menu-category p, #nav li.level-top .menu-wrapper .menu-uses p {
    color: #283C49;
    font-weight: 700;
    display: block;
    width: 100%;
    text-align: left;
    background-color: #bfcbd0;
    box-sizing: border-box;
    padding-left: 11px;
    line-height: 16px;
    font-size: 15px
}

#nav li.level-top .menu-wrapper .menu-brands ul li, #nav li.level1 > a span {
    font-weight: 800
}

#nav li.level-top .menu-wrapper .menu-uses .level1 > a span {
    display: none
}

#nav li.level1 {
    height: 100%;
    width: 32%;
    padding: 0 4px;
    text-align: left;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
}

#nav .menu-category ul.level1 {
    padding-left: 30px
}

#nav .menu-uses ul.level1 {
    padding: 0 25px
}

#nav .menu-brands ul {
    padding: 0 14px 0 41px;
}

#nav .menu-uses ul.level1 li {
    padding: 0 0 0 47px;
}

#nav .menu-category ul.level0.left {
    padding-left: 8px;
    padding-right: 8px
}


#nav li.level-top .menu-wrapper .menu-brands li, #nav li.level2 {
    line-height: 14px;
    font-weight: 600
}

#nav li.level-top .menu-wrapper .menu-brands li {
    padding: 0 4px
}

#nav li.level2 > a {
    color: #0a263d;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    font-weight: normal;
}

#nav li.level1 > a {
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 5px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #0a263d;
}

#nav .brands {
    clear: both;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #283C49;
    margin: 5px 0 0;
    padding: 8px 12px
}

#nav .brands span, #nav .brands ul li {
    float: left;
    margin-right: 10px
}

#nav .brands span {
    font-weight: 700;
    color: #B0C934
}

#nav .brands ul {
    overflow: hidden;
    float: left
}

#nav .brands a {
    color: #B0C934
}

#nav li.home a {
    height: 38px;
    width: 43px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_menu-link-home.png) top left no-repeat #b0c934
}

#nav .level-top.brands-menu {
    background-color: #b0c934
}

#nav .level-top.brands-menu a {
    border-right: 0;
    border-left: 1px solid #b0c934
}

@media (max-width: 640px) and (min-width: 320px) {
    #nav li.level-top > a span {
        color: #fff
    }

    #nav {
        background-color: #0A263D !important
    }
}

.side-nav {
    position: fixed;
    width: 300px;
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
    height: calc(100% + 60px);
    height: -moz-calc(100%);
    padding-bottom: 60px;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(-105%)
}

.side-nav li.active, .side-nav li > a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.side-nav.right-aligned {
    right: 0;
    left: auto;
    transform: translateX(100%)
}

.side-nav .collapsible {
    margin: 0
}

.side-nav li {
    float: none;
    line-height: 48px
}

.side-nav li > a {
    color: rgba(0, 0, 0, .87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px
}

.side-nav li > a.btn, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating, .side-nav li > a.btn-large {
    margin: 10px 15px
}

.side-nav li > a.btn, .side-nav li > a.btn-floating, .side-nav li > a.btn-large {
    color: #fff
}

.side-nav li > a.btn-flat {
    color: #343434
}

.side-nav li > a.btn-large:hover, .side-nav li > a.btn:hover {
    background-color: #c1ce47
}

.side-nav li > a.btn-floating:hover {
    background-color: #B8C635
}

.side-nav .subheader:hover, .side-nav .user-view > a:hover, .side-nav .userView > a:hover {
    background-color: transparent
}

.side-nav li > a li > a > [class*=mdi-], .side-nav li > a > [class^=mdi-], .side-nav li > a > i, .side-nav li > a > i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
    color: rgba(0, 0, 0, .54)
}

.side-nav .divider {
    margin: 8px 0 0
}

.side-nav .subheader {
    cursor: initial;
    pointer-events: none;
    color: rgba(0, 0, 0, .54);
    font-size: 14px;
    font-weight: 500;
    line-height: 48px
}

.side-nav .user-view, .side-nav .userView {
    position: relative;
    padding: 32px 32px 0;
    margin-bottom: 8px
}

.side-nav .user-view > a, .side-nav .userView > a {
    height: auto;
    padding: 0
}

.side-nav .user-view .background, .side-nav .userView .background {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.side-nav .user-view .circle, .side-nav .user-view .email, .side-nav .user-view .name, .side-nav .userView .circle, .side-nav .userView .email, .side-nav .userView .name {
    display: block
}

.side-nav .user-view .circle, .side-nav .userView .circle {
    height: 64px;
    width: 64px
}

.side-nav .user-view .email, .side-nav .user-view .name, .side-nav .userView .email, .side-nav .userView .name {
    font-size: 14px;
    line-height: 24px
}

.side-nav .user-view .name, .side-nav .userView .name {
    margin-top: 16px;
    font-weight: 500
}

.side-nav .user-view .email, .side-nav .userView .email {
    padding-bottom: 16px;
    font-weight: 400
}

.drag-target {
    height: 100%;
    width: 10px;
    position: fixed;
    top: 0;
    z-index: 998
}

.side-nav.fixed {
    left: 0;
    transform: translateX(0);
    position: fixed
}

.side-nav.fixed.right-aligned {
    right: 0;
    left: auto
}

@media only screen and (max-width: 600px) {
    .side-nav.fixed {
        transform: translateX(-105%)
    }

    .side-nav.fixed.right-aligned {
        transform: translateX(105%)
    }

    .side-nav a {
        padding: 0 16px
    }

    .side-nav .user-view, .side-nav .userView {
        padding: 16px 16px 0
    }
}

.side-nav .collapsible-body > ul:not(.collapsible) > li.active, .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background-color: #547481
}

.side-nav .collapsible-body > ul:not(.collapsible) > li.active a, .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #fff
}

.side-nav .collapsible-body {
    padding: 0
}

#sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 997;
    will-change: opacity
}

.title-404 {
    font-size: 3rem
}

.introduce-category-404 {
    display: block;
    font-size: 2rem;
    margin: 30px 0;
    font-weight: 600
}

.blog-cat-view .main, .blog-index-list .main {
    font-family: 'Source Sans Pro', sans-serif !important
}

.blog-cat-view .postWrapper, .blog-index-list .postWrapper {
    padding-bottom: 25px;
    display: -webkit-inline-box;
    clear: both;
    height: 350px;
    width: 40%;
    z-index: 0;
    position: relative;
    margin: 20px 34px;
    box-shadow: none;
    transition: box-shadow .5s
}

.blog-cat-view .postWrapper:hover, .blog-index-list .postWrapper:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.blog-cat-view .postWrapper .postTitle, .blog-index-list .postWrapper .postTitle {
    position: absolute;
    top: 63%;
    text-align: center;
    border-bottom: none;
    width: 100%
}

.blog-cat-view .postWrapper .postTitle h2, .blog-index-list .postWrapper .postTitle h2 {
    margin: 0 10px
}

.blog-cat-view .postWrapper .postTitle h2 a, .blog-index-list .postWrapper .postTitle h2 a {
    font-family: Cabin;
    font-weight: 700;
    font-size: 18px
}

.blog-cat-view .postWrapper .postTitle h3, .blog-index-list .postWrapper .postTitle h3 {
    font-size: 12px;
    display: block;
    margin-top: 5px
}

.blog-cat-view .postWrapper .postContent img, .blog-index-list .postWrapper .postContent img {
    position: absolute;
    top: 0;
    height: 60%;
    width: auto;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
}

.blog-cat-view .postWrapper .postContent .aw-blog-read-more, .blog-index-list .postWrapper .postContent .aw-blog-read-more {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 150px;
    text-align: center;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color .5s
}

.blog-cat-view .block-banner, .blog-cat-view .block-blog .block-title, .blog-cat-view .block-poll, .blog-cat-view .block-viewed, .blog-index-list .block-banner, .blog-index-list .block-blog .block-title, .blog-index-list .block-poll, .blog-index-list .block-viewed {
    display: none
}
.blog-index-list .block-blog .menu-recent ul li{
    margin-left: 0;
}
.blog-cat-view .block-blog, .blog-index-list .block-blog {
    border: none;
    margin: 0;
    width: 220px
}

.blog-cat-view .block-blog .block-title strong, .blog-index-list .block-blog .block-title strong {
    background-image: none
}

.blog-cat-view .block-blog .block-content, .blog-index-list .block-blog .block-content {
    height: 100%;
    font-size: 15px
}

.blog-cat-view .block-blog .block-content .menu-categories h5, .blog-cat-view .block-blog .block-content .menu-recent h5, .blog-index-list .block-blog .block-content .menu-categories h5, .blog-index-list .block-blog .block-content .menu-recent h5 {
    font-size: 16px;
    font-weight: 700
}

.blog-cat-view .block-blog .block-content .menu-categories ul li a, .blog-cat-view .block-blog .block-content .menu-recent ul li a, .blog-index-list .block-blog .block-content .menu-categories ul li a, .blog-index-list .block-blog .block-content .menu-recent ul li a {
    font-size: 14px
}

.blog-cat-view .col-main, .blog-index-list .col-main {
    padding-right: 10px
}

.blog-cat-view .toolbar, .blog-index-list .toolbar {
    font-size: 13px;
    position: relative;
    margin: 0;
    border-radius: 5px;
    padding: 10px 0;
    background: 0 0;
    border: none;
    overflow: hidden;
}

.blog-cat-view .toolbar-bottom .toolbar, .blog-index-list .toolbar-bottom .toolbar {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.blog-cat-view .toolbar .sorter select, .blog-index-list .toolbar .sorter select {
    max-width: 150px
}

.blog-cat-view .pager, .blog-index-list .pager {
    padding-bottom: 7px;
    text-align: center;
    border: none;
    float: left;
    width: 83%;
}

.blog-cat-view .pager .amount, .blog-index-list .pager .amount {

}

.blog-cat-view .pager .limiter, .blog-index-list .pager .limiter {

}

.blog-cat-view .pager .pages, .blog-index-list .pager .pages {
    font-size: 15px;
    margin-top: 35px;
}

.blog-cat-view .pager .pages ol, .blog-index-list .pager .pages ol {
    display: inline
}

.blog-cat-view .pager .pages li, .blog-index-list .pager .pages li {
    display: inline;
    margin-left: 4px;
    width: 17px;
    height: 17px
}

.blog-cat-view .pager .pages li a, .blog-index-list .pager .pages li a {
    padding: 1px 5px 2px;
    font-weight: 700;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #cbcbcb;
}

.blog-cat-view .pager .pages li.current, .blog-index-list .pager .pages li.current {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: #ff8d00;
    padding: 1px 5px 2px;
    font-weight: 700;
    color: #fff
}

.blog-cat-view .pager .pages li a.next, .blog-cat-view .pager .pages li a.previous, .blog-index-list .pager .pages li a.next, .blog-index-list .pager .pages li a.previous {
    background: 0 0;
    padding: 0
}

.blog-cat-view .sorter, .blog-index-list .sorter {
    float: right;
}

.blog-cat-view .sorter .view-mode, .blog-index-list .sorter .view-mode {
    float: left
}

.blog-cat-view .sorter .sort-by, .blog-index-list .sorter .sort-by {
    float: right
}

@media (min-width: 320px) and (max-width: 640px) {
    .blog-cat-view .col-main, .blog-index-list .col-main {
        width: auto;
        text-align: center
    }

    .blog-cat-view .col-right, .blog-index-list .col-right {
        float: none
    }

    .blog-cat-view .postWrapper, .blog-index-list .postWrapper {
        margin: 20px auto
    }

    .blog-cat-view .limiter, .blog-index-list .limiter {
        top: 3px !important;
        left: -111px !important
    }

    .blog-cat-view .amount, .blog-index-list .amount {
        left: 136px !important;
        top: 4px !important
    }

    .blog-cat-view .sorter, .blog-index-list .sorter {
        top: 1px !important;
        right: 0 !important
    }
}

.blog-post-view .main .breadcrumbs{
    max-width: 1140px;
    margin: 8px auto;
}
.blog-post-view .main {
    font-family: 'Open Sans', serif !important;
    max-width: 100%;
}

.blog-post-view .postWrapper .newsletter div.heading{
    margin-bottom: 23px;
}
.blog-post-view .postWrapper .newsletter button.button.newsletter span span{
    color: #0eb48d;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 25px;
}
.blog-post-view .postWrapper .newsletter button.button.newsletter span{
    padding: 0;
}
.blog-post-view .postWrapper .newsletter button.button.newsletter:after{
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/back.png') 0 0 no-repeat;
    content:'';
    position: absolute;
    right: 17px;
    top: 10px;
    width: 20px;
    height:20px;
    transform: rotate(180deg);
}
.blog-post-view .postWrapper .newsletter button.button.newsletter:hover{
    opacity: 0.75;
}
.blog-post-view .postWrapper .newsletter button.button.newsletter{
    position: relative;
    background: white;
    border-radius: 0;
    padding: 10px 50px 10px 40px;
    color: #0eb48d;
    margin-top: 6px;
    display: initial;
    border: none;
    height: auto;
}
.blog-post-view .postWrapper .newsletter input{
    background: none;
    border: none;
    border-bottom: 2px solid white;
    width: 210px;
    margin-right: 32px;
    padding: 8px 0;
    font-size: 16px;
    color: white;
    font-family: "Source Sans Pro", sans-serif;
}
.blog-post-view .postWrapper .newsletter div,
.blog-post-view .postWrapper .socialShare div{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:white;
    text-align: center;
}
.blog-post-view .postWrapper > .socialShare img{
    width: auto;
}
.blog-post-view .postWrapper > .socialShare .social_buttons > div.facebookContainer > div > span{
    vertical-align: top!important;
}
.blog-post-view .postWrapper > .socialShare .social_buttons > div{
    display: inline-block;
    margin-right: 26px;
    vertical-align: top;
}
.blog-post-view .postWrapper > .socialShare .social_buttons{
    display: table;
    margin: 41px auto auto;
}
.blog-post-view .postWrapper > .socialShare {
    background: #0eb48d;
    margin-top: 10px;
    padding: 42px 0;
}
.blog-post-view .postWrapper > .newsletter {
    background: #0eb48d;
    text-align: center;
    color: white;
    padding: 42px 0;
}
.blog-post-view .postWrapper {
    margin: 30px 0
}

.blog-post-view .postWrapper .postTitle {
    margin: 30px 0;
    text-align: center;
    border-bottom: none
}

.blog-post-view .postWrapper .postTitle h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color:#0eb48d;
    padding: 0 40px;
}
.blog-post-view .socialShare .sharers li {
    display: inline-block;
    vertical-align: top;
    margin: 16px 17px 4px;
    padding-top: 18px;
}
.blog-post-view .socialShare .sharers li a{
    display: block;
    height: 100%;
}
.blog-post-view .socialShare .sharers li a:hover{
    opacity: 0.75;
}
.blog-post-view .postWrapper .postTitle h3 > span{
    display: block;
}
.blog-post-view .postWrapper .postTitle h3 .posteur span{
    text-transform: uppercase;
    font-weight: bold;
}
.blog-post-view .postWrapper .back {
    margin: 22px 0 14px 130px;
    text-align: left;
}
.blog-post-view .postWrapper .back a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #0eb48d;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/back.png) 0 50% no-repeat;
    padding-left: 24px;
}
.blog-post-view .postWrapper .postTitle h3 {
    font-size: 12px;
    display: block;
    margin-top: 9px;
    font-family: 'Montserrat', sans-serif;
    color: #373737;
    font-weight: 500;
    line-height: 18px;
}

.blog-post-view .block-banner, .blog-post-view .block-blog .block-title, .blog-post-view .block-poll, .blog-post-view .block-viewed, .blog-post-view .product_heart .reference {
    display: none
}

.blog-post-view .postWrapper .postContent p i,.blog-post-view .postWrapper .postContent i{
    margin-top: 10px;
    display: block;
}
.blog-post-view .postWrapper .postContent .full-size img{
    width: 100%;
    height: auto;
}
.blog-post-view .postWrapper .postContent .global-container span,
.blog-post-view .postWrapper .postContent .global-container div,
.blog-post-view .postWrapper .postContent .global-container p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    color: #373737;
    margin: 10px 0;
}
.blog-post-view .postWrapper .postContent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight:500;
    color: #0eb48d;
}
.blog-post-view .postWrapper .postContent .global-container.text {
    margin: 66px auto;
}
.blog-post-view .postWrapper .postContent .full-size{
    width: 100%;
}
.blog-post-view .postWrapper .postContent {
    font-size: 16px
}

.blog-post-view .postWrapper .postContent a {
    font-weight: 700
}

.blog-post-view .postWrapper .postDetails {
    text-align: right;
    font-size: 14px
}

.blog-post-view .postWrapper .postDetails a {
    font-weight: 700
}

.blog-post-view .postWrapper .postDetails h4 {
    font-size: 13px;
    font-weight: 700
}

.blog-post-view .block-blog {
    border: none;
    margin: 0;
    width: 100%
}

.blog-post-view .block-blog .block-title strong {
    background-image: none
}

.blog-post-view .block-blog .block-content {
    height: 100%;
    font-size: 15px
}

.blog-post-view .block-blog .block-content .menu-categories h5, .blog-post-view .block-blog .block-content .menu-recent h5 {
    font-size: 16px;
    font-weight: 700
}

.blog-post-view .block-blog .block-content .menu-categories ul li a, .blog-post-view .block-blog .block-content .menu-recent ul li a {
    font-size: 14px
}

.blog-post-view .col-main {
    padding-right: 0;
    width: auto;
    float: none;
}

.blog-post-view .col-main img {
    text-align: center;
    width: 100%;
    height: auto;
}

.blog-post-view .col-right .global-container{
    overflow: hidden;
}
.blog-post-view .col-right {
    float: none;
    width: auto
}

.blog-post-view .block-carroussel {
    border: none;
    float: none;
    margin: 22px 0;
}
.blog-post-view .block-carroussel .mini-products-list- .product .product-name{
    height: auto;
}
.blog-post-view .block-carroussel .block-title {
    background-color: transparent;
    text-align: center
}
.blog-post-view .mini-products-list- .product-details{
    padding: 0 10px;
}

.blog-post-view .block-carroussel .block-title span {
    color: #385463;
    font-size: 22px
}

.blog-post-view .block-carroussel li {
    list-style-type: none
}

.blog-post-view .block-carroussel .slidesContainer {
    margin: 0
}

.blog-post-view .block-carroussel .slidesNext {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/right.svg) top left no-repeat;
    top: 90px
}

.blog-post-view .block-carroussel .slidesPrevious {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/left.svg) top left no-repeat;
    top: 90px
}

.blog-post-view .block-carroussel .product-details .price-box {
    background-color: transparent !important
}

.blog-post-view .widget-blog .container{
    max-width: 100%;
    padding: 0;
    width: auto;
    margin: 0;
}

.blog-post-view .block-carroussel .product-details .price-box .regular-price{
    margin: 2px 0;
}

.blog-post-view .block-carroussel .product-details .price-box .price-label-teaser {
    color: #FFB967;
    margin:3px ;
}

.blog-post-view .block-carroussel .product-details .price-box .price {
    color: #FFB967;
    font-weight: 700;
    font-size: 19px
}

.blog-post-view .block-carroussel .product-details .price-box .label {
    color: #FFB967
}

.blog-post-view .block-carroussel .product-details .price-box .product button.button.add-to-cart.small {
    border-radius: 0
}

.blog-post-view .product_heart {
    text-align: center;
    width: 200px;
    margin-left: auto;
    margin-right: auto
}

.blog-post-view .product_heart h4 {
    font-weight: 700
}
.blog-post-view .menu-categories h2,
.blog-post-view .block-carroussel h2,
.blog-post-view .menu-recent h2{
    text-align: center;
    color: #0eb48d;
    margin: 0;
    font-size: 24px !important;
    letter-spacing: 2px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
}
.blog-post-view .menu-categories ul  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}
.blog-post-view .block-carroussel .block-content ul {
    margin: 0;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    margin-top: 20px;
}
.blog-post-view .block-carroussel .block-content .mini-products-list- li .product > a{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: block;
    border:none;z-index: 9999;
}
.blog-post-view .block-carroussel .block-content .mini-products-list- li .product .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
    right: 0;
    bottom: 0;
}
.blog-post-view .block-carroussel .block-content .mini-products-list- li .product .img{
    position: relative;
    height: 220px;
    margin: 0;
}
.blog-post-view .block-carroussel .block-content .mini-products-list- li .product{
    width: 100%;
    height: 100%;
    padding-top: 0;
    float: none;
    margin: 0;
}
.blog-post-view .block-carroussel .block-content .mini-products-list- li:hover {
    box-shadow: 0 0 9px #888888;transition: box-shadow 0.3s ease-in-out;
}
.blog-post-view .block-carroussel .block-content .mini-products-list- li {
    margin-left: 0;
    width: 24%;
    padding: 0;
    position: relative;
    margin-right: 0;transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 10px;
}
.blog-post-view .block-carroussel .mini-products-list- .product .product-name a{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-top: 6px;
    color: #677178;
}
.blog-post-view .block-carroussel .product-details .price-box .price-label-teaser{
    margin: 3px;
}
.blog-post-view .menu-categories ul li.backgroundCat_conseil-solution-dsi {
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/backgroundCat_conseil-solution-dsi.jpg') 0 0 no-repeat;
}
.blog-post-view .menu-categories ul li.backgroundCat_ecology {
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/backgroundCat_ecology.jpg') 0 0 no-repeat;
}
.blog-post-view .menu-categories ul li.backgroundCat_bien-etre-au-travail {
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/backgroundCat_bien-etre-au-travail.jpg') 0 0 no-repeat;
}
.blog-post-view .menu-categories {
    margin-bottom: 31px !important;
}
.blog-post-view .menu-categories ul li:hover {
    -webkit-transform: rotate(-1deg) scale(1.2);
    -moz-transform: rotate(-1deg) scale(1.2);
    -ms-transform: rotate(-1deg) scale(1.2);
    transform: rotate(-1deg) scale(1.2);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.blog-post-view .menu-categories ul li {
    height: 120px;
    margin-left: 0 !important;
    width: 20%;
    margin-right: 22px;
    display: inline-block;
    vertical-align: middle;
    line-height: 200px;
    position: relative;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.blog-post-view .block-blog .block-content .menu-categories ul li span{
    text-align: center;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 16px;
    width: 96%;
    white-space: normal;
    line-height: 20px;
    vertical-align: middle;
    height: 100%;
    margin: auto;
}
.blog-post-view .block-blog .block-content .menu-categories ul li a{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9999;
}
.blog-post-view .menu-recent{
    margin-bottom: 82px;
}
.blog-post-view .menu-recent ul{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 31px;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}
.blog-post-view .menu-recent ul li .image-article img{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display: block;
    margin:auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.blog-post-view .menu-recent ul li .info-article .date-article{
    font-size: 10px;
    font-weight: 600;
}
.blog-post-view .menu-recent ul li .info-article .title-article{
    font-size: 16px;
    line-height: 20px;
    color: #0eb48d;
    font-weight: bold;
}
.blog-post-view .menu-recent ul li .info-article{
    padding: 0 15px;
    font-family: 'Montserrat', sans-serif;
}
.blog-post-view .menu-recent ul li .image-article{
    position: relative;
    height: 162px;
}
.blog-post-view .menu-recent ul li > a{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.blog-post-view .postWrapper {
    margin-bottom: 0;
}
.blog-post-view .menu-recent ul li:hover {
    box-shadow: 0 0 9px #888888;
    transition: box-shadow 0.3s ease-in-out;
}
.blog-post-view .menu-recent ul li {
    width: 23%;
    position: relative;
    margin-right: 10px;
    transition: box-shadow 0.3s ease-in-out;
    padding-bottom: 10px;
}
.customer-account-create h1, .customer-account-edit h1, .customer-account-forgotpassword h1, .customer-account-index h1, .customer-address-form h1, .customer-address-index h1, .newsletter-manage-index h1, .review-customer-index h1, .sales-order-history h1, .sales-order-invoice h1, .sales-order-shipment h1, .sales-order-view h1 {
    font-size: 30px !important;
    font-family: Cabin, 'Source Sans Pro', sans-serif !important
}

.customer-account-create .main, .customer-account-edit .main, .customer-account-forgotpassword .main, .customer-account-index .main, .customer-address-form .main, .customer-address-index .main, .newsletter-manage-index .main, .review-customer-index .main, .sales-order-history .main, .sales-order-invoice .main, .sales-order-shipment .main, .sales-order-view .main {
    font-family: 'Source Sans Pro', sans-serif !important
}

.customer-account-create .block, .customer-account-edit .block, .customer-account-forgotpassword .block, .customer-account-index .block, .customer-address-form .block, .customer-address-index .block, .newsletter-manage-index .block, .review-customer-index .block, .sales-order-history .block, .sales-order-invoice .block, .sales-order-shipment .block, .sales-order-view .block {
    border-radius: 0;
    border: 0
}

.customer-account-create .block h2, .customer-account-edit .block h2, .customer-account-forgotpassword .block h2, .customer-account-index .block h2, .customer-address-form .block h2, .customer-address-index .block h2, .newsletter-manage-index .block h2, .review-customer-index .block h2, .sales-order-history .block h2, .sales-order-invoice .block h2, .sales-order-shipment .block h2, .sales-order-view .block h2 {
    border: 0 !important;
    background-color: #FFF !important;
    color: #283C49 !important;
    margin: 1.5rem 0 1rem;
    font-weight: 900;
    text-align: left;
    font-size: 21px !important;
    letter-spacing: 0;
    font-family: Cabin, 'Source Sans Pro', sans-serif !important
}

.customer-account-create .block-content, .customer-account-edit .block-content, .customer-account-forgotpassword .block-content, .customer-account-index .block-content, .customer-address-form .block-content, .customer-address-index .block-content, .newsletter-manage-index .block-content, .review-customer-index .block-content, .sales-order-history .block-content, .sales-order-invoice .block-content, .sales-order-shipment .block-content, .sales-order-view .block-content {
    border-radius: 0
}

.customer-account-create .sidebar .block-title, .customer-account-edit .sidebar .block-title, .customer-account-forgotpassword .sidebar .block-title, .customer-account-index .sidebar .block-title, .customer-address-form .sidebar .block-title, .customer-address-index .sidebar .block-title, .newsletter-manage-index .sidebar .block-title, .review-customer-index .sidebar .block-title, .sales-order-history .sidebar .block-title, .sales-order-invoice .sidebar .block-title, .sales-order-shipment .sidebar .block-title, .sales-order-view .sidebar .block-title {
    background: #547481;
    font-size: 17px;
    border-radius: 0;
    text-transform: uppercase;
    padding: 13px;
    text-align: center;
    font-weight: 600;
    letter-spacing: .1rem
}

.customer-account-create .sidebar .block-content, .customer-account-edit .sidebar .block-content, .customer-account-forgotpassword .sidebar .block-content, .customer-account-index .sidebar .block-content, .customer-address-form .sidebar .block-content, .customer-address-index .sidebar .block-content, .newsletter-manage-index .sidebar .block-content, .review-customer-index .sidebar .block-content, .sales-order-history .sidebar .block-content, .sales-order-invoice .sidebar .block-content, .sales-order-shipment .sidebar .block-content, .sales-order-view .sidebar .block-content {
    border: 1px solid #547481
}

.customer-account-create .col-main .block-title, .customer-account-edit .col-main .block-title, .customer-account-forgotpassword .col-main .block-title, .customer-account-index .col-main .block-title, .customer-address-form .col-main .block-title, .customer-address-index .col-main .block-title, .newsletter-manage-index .col-main .block-title, .review-customer-index .col-main .block-title, .sales-order-history .col-main .block-title, .sales-order-invoice .col-main .block-title, .sales-order-shipment .col-main .block-title, .sales-order-view .col-main .block-title {
    background: #fff;
    border-radius: 0;
    padding: 0;
    font-weight: 800;
    border: none;
    font-family: Cabin, 'Source Sans Pro', sans-serif !important;
    margin: 1.5rem 0 1rem;
    color: #283C49;
    font-size: 21px
}

.customer-account-create .col-main .block-title h2, .customer-account-create .col-main .box-title h2, .customer-account-edit .col-main .block-title h2, .customer-account-edit .col-main .box-title h2, .customer-account-forgotpassword .col-main .block-title h2, .customer-account-forgotpassword .col-main .box-title h2, .customer-account-index .col-main .block-title h2, .customer-account-index .col-main .box-title h2, .customer-address-form .col-main .block-title h2, .customer-address-form .col-main .box-title h2, .customer-address-index .col-main .block-title h2, .customer-address-index .col-main .box-title h2, .newsletter-manage-index .col-main .block-title h2, .newsletter-manage-index .col-main .box-title h2, .review-customer-index .col-main .block-title h2, .review-customer-index .col-main .box-title h2, .sales-order-history .col-main .block-title h2, .sales-order-history .col-main .box-title h2, .sales-order-invoice .col-main .block-title h2, .sales-order-invoice .col-main .box-title h2, .sales-order-shipment .col-main .block-title h2, .sales-order-shipment .col-main .box-title h2, .sales-order-view .col-main .block-title h2, .sales-order-view .col-main .box-title h2 {
    font-size: 21px !important
}

.customer-account-create .col-main .block-title a, .customer-account-edit .col-main .block-title a, .customer-account-forgotpassword .col-main .block-title a, .customer-account-index .col-main .block-title a, .customer-address-form .col-main .block-title a, .customer-address-index .col-main .block-title a, .newsletter-manage-index .col-main .block-title a, .review-customer-index .col-main .block-title a, .sales-order-history .col-main .block-title a, .sales-order-invoice .col-main .block-title a, .sales-order-shipment .col-main .block-title a, .sales-order-view .col-main .block-title a {
    top: 30% !important
}

.customer-account-create .col-main .data-table td, .customer-account-edit .col-main .data-table td, .customer-account-forgotpassword .col-main .data-table td, .customer-account-index .col-main .data-table td, .customer-address-form .col-main .data-table td, .customer-address-index .col-main .data-table td, .newsletter-manage-index .col-main .data-table td, .review-customer-index .col-main .data-table td, .sales-order-history .col-main .data-table td, .sales-order-invoice .col-main .data-table td, .sales-order-shipment .col-main .data-table td, .sales-order-view .col-main .data-table td {
    border: none
}

.customer-account-create .col-main .data-table h2, .customer-account-edit .col-main .data-table h2, .customer-account-forgotpassword .col-main .data-table h2, .customer-account-index .col-main .data-table h2, .customer-address-form .col-main .data-table h2, .customer-address-index .col-main .data-table h2, .newsletter-manage-index .col-main .data-table h2, .review-customer-index .col-main .data-table h2, .sales-order-history .col-main .data-table h2, .sales-order-invoice .col-main .data-table h2, .sales-order-shipment .col-main .data-table h2, .sales-order-view .col-main .data-table h2 {
    margin: 0
}

.customer-account-create .col-main .data-table h2 a, .customer-account-edit .col-main .data-table h2 a, .customer-account-forgotpassword .col-main .data-table h2 a, .customer-account-index .col-main .data-table h2 a, .customer-address-form .col-main .data-table h2 a, .customer-address-index .col-main .data-table h2 a, .newsletter-manage-index .col-main .data-table h2 a, .review-customer-index .col-main .data-table h2 a, .sales-order-history .col-main .data-table h2 a, .sales-order-invoice .col-main .data-table h2 a, .sales-order-shipment .col-main .data-table h2 a, .sales-order-view .col-main .data-table h2 a {
    text-transform: none
}

.customer-account-create .col-main #my-orders-table, .customer-account-create .col-main #my-reviews-table, .customer-account-edit .col-main #my-orders-table, .customer-account-edit .col-main #my-reviews-table, .customer-account-forgotpassword .col-main #my-orders-table, .customer-account-forgotpassword .col-main #my-reviews-table, .customer-account-index .col-main #my-orders-table, .customer-account-index .col-main #my-reviews-table, .customer-address-form .col-main #my-orders-table, .customer-address-form .col-main #my-reviews-table, .customer-address-index .col-main #my-orders-table, .customer-address-index .col-main #my-reviews-table, .newsletter-manage-index .col-main #my-orders-table, .newsletter-manage-index .col-main #my-reviews-table, .review-customer-index .col-main #my-orders-table, .review-customer-index .col-main #my-reviews-table, .sales-order-history .col-main #my-orders-table, .sales-order-history .col-main #my-reviews-table, .sales-order-invoice .col-main #my-orders-table, .sales-order-invoice .col-main #my-reviews-table, .sales-order-shipment .col-main #my-orders-table, .sales-order-shipment .col-main #my-reviews-table, .sales-order-view .col-main #my-orders-table, .sales-order-view .col-main #my-reviews-table {
    border: 1px solid #547481
}

.customer-account-create .col-main #my-orders-table thead, .customer-account-create .col-main #my-reviews-table thead, .customer-account-edit .col-main #my-orders-table thead, .customer-account-edit .col-main #my-reviews-table thead, .customer-account-forgotpassword .col-main #my-orders-table thead, .customer-account-forgotpassword .col-main #my-reviews-table thead, .customer-account-index .col-main #my-orders-table thead, .customer-account-index .col-main #my-reviews-table thead, .customer-address-form .col-main #my-orders-table thead, .customer-address-form .col-main #my-reviews-table thead, .customer-address-index .col-main #my-orders-table thead, .customer-address-index .col-main #my-reviews-table thead, .newsletter-manage-index .col-main #my-orders-table thead, .newsletter-manage-index .col-main #my-reviews-table thead, .review-customer-index .col-main #my-orders-table thead, .review-customer-index .col-main #my-reviews-table thead, .sales-order-history .col-main #my-orders-table thead, .sales-order-history .col-main #my-reviews-table thead, .sales-order-invoice .col-main #my-orders-table thead, .sales-order-invoice .col-main #my-reviews-table thead, .sales-order-shipment .col-main #my-orders-table thead, .sales-order-shipment .col-main #my-reviews-table thead, .sales-order-view .col-main #my-orders-table thead, .sales-order-view .col-main #my-reviews-table thead {
    background: #547481
}

.customer-account-create .col-main #my-orders-table a, .customer-account-create .col-main #my-reviews-table a, .customer-account-edit .col-main #my-orders-table a, .customer-account-edit .col-main #my-reviews-table a, .customer-account-forgotpassword .col-main #my-orders-table a, .customer-account-forgotpassword .col-main #my-reviews-table a, .customer-account-index .col-main #my-orders-table a, .customer-account-index .col-main #my-reviews-table a, .customer-address-form .col-main #my-orders-table a, .customer-address-form .col-main #my-reviews-table a, .customer-address-index .col-main #my-orders-table a, .customer-address-index .col-main #my-reviews-table a, .newsletter-manage-index .col-main #my-orders-table a, .newsletter-manage-index .col-main #my-reviews-table a, .review-customer-index .col-main #my-orders-table a, .review-customer-index .col-main #my-reviews-table a, .sales-order-history .col-main #my-orders-table a, .sales-order-history .col-main #my-reviews-table a, .sales-order-invoice .col-main #my-orders-table a, .sales-order-invoice .col-main #my-reviews-table a, .sales-order-shipment .col-main #my-orders-table a, .sales-order-shipment .col-main #my-reviews-table a, .sales-order-view .col-main #my-orders-table a, .sales-order-view .col-main #my-reviews-table a {
    text-decoration: none !important
}

.customer-account-create .col-main #my-orders-table h3, .customer-account-create .col-main #my-reviews-table h3, .customer-account-edit .col-main #my-orders-table h3, .customer-account-edit .col-main #my-reviews-table h3, .customer-account-forgotpassword .col-main #my-orders-table h3, .customer-account-forgotpassword .col-main #my-reviews-table h3, .customer-account-index .col-main #my-orders-table h3, .customer-account-index .col-main #my-reviews-table h3, .customer-address-form .col-main #my-orders-table h3, .customer-address-form .col-main #my-reviews-table h3, .customer-address-index .col-main #my-orders-table h3, .customer-address-index .col-main #my-reviews-table h3, .newsletter-manage-index .col-main #my-orders-table h3, .newsletter-manage-index .col-main #my-reviews-table h3, .review-customer-index .col-main #my-orders-table h3, .review-customer-index .col-main #my-reviews-table h3, .sales-order-history .col-main #my-orders-table h3, .sales-order-history .col-main #my-reviews-table h3, .sales-order-invoice .col-main #my-orders-table h3, .sales-order-invoice .col-main #my-reviews-table h3, .sales-order-shipment .col-main #my-orders-table h3, .sales-order-shipment .col-main #my-reviews-table h3, .sales-order-view .col-main #my-orders-table h3, .sales-order-view .col-main #my-reviews-table h3 {
    margin: 0;
    letter-spacing: 0
}

.customer-account-create .col-main .block-content, .customer-account-edit .col-main .block-content, .customer-account-forgotpassword .col-main .block-content, .customer-account-index .col-main .block-content, .customer-address-form .col-main .block-content, .customer-address-index .col-main .block-content, .newsletter-manage-index .col-main .block-content, .review-customer-index .col-main .block-content, .sales-order-history .col-main .block-content, .sales-order-invoice .col-main .block-content, .sales-order-shipment .col-main .block-content, .sales-order-view .col-main .block-content {
    border: none !important;
    padding: 0
}

.customer-account-create .col-main .block-content a, .customer-account-edit .col-main .block-content a, .customer-account-forgotpassword .col-main .block-content a, .customer-account-index .col-main .block-content a, .customer-address-form .col-main .block-content a, .customer-address-index .col-main .block-content a, .newsletter-manage-index .col-main .block-content a, .review-customer-index .col-main .block-content a, .sales-order-history .col-main .block-content a, .sales-order-invoice .col-main .block-content a, .sales-order-shipment .col-main .block-content a, .sales-order-view .col-main .block-content a {
    color: #ff9000 !important;
    text-decoration: none !important;
    font-weight: 900
}

.customer-account-create .col-main .block-content .box-title h3, .customer-account-edit .col-main .block-content .box-title h3, .customer-account-forgotpassword .col-main .block-content .box-title h3, .customer-account-index .col-main .block-content .box-title h3, .customer-address-form .col-main .block-content .box-title h3, .customer-address-index .col-main .block-content .box-title h3, .newsletter-manage-index .col-main .block-content .box-title h3, .review-customer-index .col-main .block-content .box-title h3, .sales-order-history .col-main .block-content .box-title h3, .sales-order-invoice .col-main .block-content .box-title h3, .sales-order-shipment .col-main .block-content .box-title h3, .sales-order-view .col-main .block-content .box-title h3 {
    letter-spacing: 0
}

.customer-account-create .col-main a, .customer-account-edit .col-main a, .customer-account-forgotpassword .col-main a, .customer-account-index .col-main a, .customer-address-form .col-main a, .customer-address-index .col-main a, .newsletter-manage-index .col-main a, .review-customer-index .col-main a, .sales-order-history .col-main a, .sales-order-invoice .col-main a, .sales-order-shipment .col-main a, .sales-order-view .col-main a {
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #ff9000 !important;
    letter-spacing: .5px;
    background: 0 0 !important;
    text-transform: uppercase;
    font-weight: 800 !important
}

.customer-account-create .col-main button, .customer-account-edit .col-main button, .customer-account-forgotpassword .col-main button, .customer-account-index .col-main button, .customer-address-form .col-main button, .customer-address-index .col-main button, .newsletter-manage-index .col-main button, .review-customer-index .col-main button, .sales-order-history .col-main button, .sales-order-invoice .col-main button, .sales-order-shipment .col-main button, .sales-order-view .col-main button {
    background: #ff9000 !important;
    padding: 12px !important;
    border-radius: 0 !important;
    border: 1px solid #FFF !important;
    transition: 1s background
}

.customer-account-create .col-main button span, .customer-account-edit .col-main button span, .customer-account-forgotpassword .col-main button span, .customer-account-index .col-main button span, .customer-address-form .col-main button span, .customer-address-index .col-main button span, .newsletter-manage-index .col-main button span, .review-customer-index .col-main button span, .sales-order-history .col-main button span, .sales-order-invoice .col-main button span, .sales-order-shipment .col-main button span, .sales-order-view .col-main button span {
    color: #FFF;
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800 !important
}

.customer-account-create .col-main button:hover, .customer-account-edit .col-main button:hover, .customer-account-forgotpassword .col-main button:hover, .customer-account-index .col-main button:hover, .customer-address-form .col-main button:hover, .customer-address-index .col-main button:hover, .newsletter-manage-index .col-main button:hover, .review-customer-index .col-main button:hover, .sales-order-history .col-main button:hover, .sales-order-invoice .col-main button:hover, .sales-order-shipment .col-main button:hover, .sales-order-view .col-main button:hover {
    background: #FFF !important;
    border: 1px solid #ff9000 !important
}

.customer-account-create .col-main button:hover span, .customer-account-edit .col-main button:hover span, .customer-account-forgotpassword .col-main button:hover span, .customer-account-index .col-main button:hover span, .customer-address-form .col-main button:hover span, .customer-address-index .col-main button:hover span, .newsletter-manage-index .col-main button:hover span, .review-customer-index .col-main button:hover span, .sales-order-history .col-main button:hover span, .sales-order-invoice .col-main button:hover span, .sales-order-shipment .col-main button:hover span, .sales-order-view .col-main button:hover span {
    color: #ff9000 !important
}

.customer-account-create .col-main .buttons-set, .customer-account-edit .col-main .buttons-set, .customer-account-forgotpassword .col-main .buttons-set, .customer-account-index .col-main .buttons-set, .customer-address-form .col-main .buttons-set, .customer-address-index .col-main .buttons-set, .newsletter-manage-index .col-main .buttons-set, .review-customer-index .col-main .buttons-set, .sales-order-history .col-main .buttons-set, .sales-order-invoice .col-main .buttons-set, .sales-order-shipment .col-main .buttons-set, .sales-order-view .col-main .buttons-set {
    background: 0 0 !important;
    border: none !important
}

.customer-account-create .col-main .buttons-set a, .customer-account-edit .col-main .buttons-set a, .customer-account-forgotpassword .col-main .buttons-set a, .customer-account-index .col-main .buttons-set a, .customer-address-form .col-main .buttons-set a, .customer-address-index .col-main .buttons-set a, .newsletter-manage-index .col-main .buttons-set a, .review-customer-index .col-main .buttons-set a, .sales-order-history .col-main .buttons-set a, .sales-order-invoice .col-main .buttons-set a, .sales-order-shipment .col-main .buttons-set a, .sales-order-view .col-main .buttons-set a {
    display: block;
    color: #ff9000 !important;
    letter-spacing: .5px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    margin-top: 12px
}

.customer-account-create .col-main .pager, .customer-account-edit .col-main .pager, .customer-account-forgotpassword .col-main .pager, .customer-account-index .col-main .pager, .customer-address-form .col-main .pager, .customer-address-index .col-main .pager, .newsletter-manage-index .col-main .pager, .review-customer-index .col-main .pager, .sales-order-history .col-main .pager, .sales-order-invoice .col-main .pager, .sales-order-shipment .col-main .pager, .sales-order-view .col-main .pager {
    border: none;
    background: 0 0
}

.customer-account-create .col-main .pager li a img, .customer-account-edit .col-main .pager li a img, .customer-account-forgotpassword .col-main .pager li a img, .customer-account-index .col-main .pager li a img, .customer-address-form .col-main .pager li a img, .customer-address-index .col-main .pager li a img, .newsletter-manage-index .col-main .pager li a img, .review-customer-index .col-main .pager li a img, .sales-order-history .col-main .pager li a img, .sales-order-invoice .col-main .pager li a img, .sales-order-shipment .col-main .pager li a img, .sales-order-view .col-main .pager li a img {
    vertical-align: middle !important
}

.customer-account-create .col-main .pager li.current, .customer-account-edit .col-main .pager li.current, .customer-account-forgotpassword .col-main .pager li.current, .customer-account-index .col-main .pager li.current, .customer-address-form .col-main .pager li.current, .customer-address-index .col-main .pager li.current, .newsletter-manage-index .col-main .pager li.current, .review-customer-index .col-main .pager li.current, .sales-order-history .col-main .pager li.current, .sales-order-invoice .col-main .pager li.current, .sales-order-shipment .col-main .pager li.current, .sales-order-view .col-main .pager li.current {
    color: #ff9000 !important;
    background: 0 0
}

.customer-account-create .col-main .pager li a, .customer-account-edit .col-main .pager li a, .customer-account-forgotpassword .col-main .pager li a, .customer-account-index .col-main .pager li a, .customer-address-form .col-main .pager li a, .customer-address-index .col-main .pager li a, .newsletter-manage-index .col-main .pager li a, .review-customer-index .col-main .pager li a, .sales-order-history .col-main .pager li a, .sales-order-invoice .col-main .pager li a, .sales-order-shipment .col-main .pager li a, .sales-order-view .col-main .pager li a {
    color: #385463 !important
}

.customer-account-create .col-main .static-contact, .customer-account-edit .col-main .static-contact, .customer-account-forgotpassword .col-main .static-contact, .customer-account-index .col-main .static-contact, .customer-address-form .col-main .static-contact, .customer-address-index .col-main .static-contact, .newsletter-manage-index .col-main .static-contact, .review-customer-index .col-main .static-contact, .sales-order-history .col-main .static-contact, .sales-order-invoice .col-main .static-contact, .sales-order-shipment .col-main .static-contact, .sales-order-view .col-main .static-contact {
    text-align: center
}

.customer-account-create .col-main .static-contact a, .customer-account-edit .col-main .static-contact a, .customer-account-forgotpassword .col-main .static-contact a, .customer-account-index .col-main .static-contact a, .customer-address-form .col-main .static-contact a, .customer-address-index .col-main .static-contact a, .newsletter-manage-index .col-main .static-contact a, .review-customer-index .col-main .static-contact a, .sales-order-history .col-main .static-contact a, .sales-order-invoice .col-main .static-contact a, .sales-order-shipment .col-main .static-contact a, .sales-order-view .col-main .static-contact a {
    text-transform: none
}

.customer-account-create .col-main .static-contact h3, .customer-account-edit .col-main .static-contact h3, .customer-account-forgotpassword .col-main .static-contact h3, .customer-account-index .col-main .static-contact h3, .customer-address-form .col-main .static-contact h3, .customer-address-index .col-main .static-contact h3, .newsletter-manage-index .col-main .static-contact h3, .review-customer-index .col-main .static-contact h3, .sales-order-history .col-main .static-contact h3, .sales-order-invoice .col-main .static-contact h3, .sales-order-shipment .col-main .static-contact h3, .sales-order-view .col-main .static-contact h3 {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700;
    color: #B8C635;
    font-size: 21px
}

.customer-account-create .col-main .static-contact .top-phone-number, .customer-account-edit .col-main .static-contact .top-phone-number, .customer-account-forgotpassword .col-main .static-contact .top-phone-number, .customer-account-index .col-main .static-contact .top-phone-number, .customer-address-form .col-main .static-contact .top-phone-number, .customer-address-index .col-main .static-contact .top-phone-number, .newsletter-manage-index .col-main .static-contact .top-phone-number, .review-customer-index .col-main .static-contact .top-phone-number, .sales-order-history .col-main .static-contact .top-phone-number, .sales-order-invoice .col-main .static-contact .top-phone-number, .sales-order-shipment .col-main .static-contact .top-phone-number, .sales-order-view .col-main .static-contact .top-phone-number {
    width: 318px;
    margin: 20px auto 30px
}

.customer-account-create .col-main .static-contact .top-phone-number p, .customer-account-edit .col-main .static-contact .top-phone-number p, .customer-account-forgotpassword .col-main .static-contact .top-phone-number p, .customer-account-index .col-main .static-contact .top-phone-number p, .customer-address-form .col-main .static-contact .top-phone-number p, .customer-address-index .col-main .static-contact .top-phone-number p, .newsletter-manage-index .col-main .static-contact .top-phone-number p, .review-customer-index .col-main .static-contact .top-phone-number p, .sales-order-history .col-main .static-contact .top-phone-number p, .sales-order-invoice .col-main .static-contact .top-phone-number p, .sales-order-shipment .col-main .static-contact .top-phone-number p, .sales-order-view .col-main .static-contact .top-phone-number p {
    font-weight: 700
}

@media (min-width: 320px) and (max-width: 640px) {
    .customer-account-create .col-main .static-contact .top-phone-number, .customer-account-edit .col-main .static-contact .top-phone-number, .customer-account-forgotpassword .col-main .static-contact .top-phone-number, .customer-account-index .col-main .static-contact .top-phone-number, .customer-address-form .col-main .static-contact .top-phone-number, .customer-address-index .col-main .static-contact .top-phone-number, .newsletter-manage-index .col-main .static-contact .top-phone-number, .review-customer-index .col-main .static-contact .top-phone-number, .sales-order-history .col-main .static-contact .top-phone-number, .sales-order-invoice .col-main .static-contact .top-phone-number, .sales-order-shipment .col-main .static-contact .top-phone-number, .sales-order-view .col-main .static-contact .top-phone-number {
        width: 126px
    }
}

.customer-account-create .col-main .form-list, .customer-account-edit .col-main .form-list, .customer-account-forgotpassword .col-main .form-list, .customer-account-index .col-main .form-list, .customer-address-form .col-main .form-list, .customer-address-index .col-main .form-list, .newsletter-manage-index .col-main .form-list, .review-customer-index .col-main .form-list, .sales-order-history .col-main .form-list, .sales-order-invoice .col-main .form-list, .sales-order-shipment .col-main .form-list, .sales-order-view .col-main .form-list {
    margin-left: 13% !important
}

.customer-account-create .col-main .form-list li, .customer-account-edit .col-main .form-list li, .customer-account-forgotpassword .col-main .form-list li, .customer-account-index .col-main .form-list li, .customer-address-form .col-main .form-list li, .customer-address-index .col-main .form-list li, .newsletter-manage-index .col-main .form-list li, .review-customer-index .col-main .form-list li, .sales-order-history .col-main .form-list li, .sales-order-invoice .col-main .form-list li, .sales-order-shipment .col-main .form-list li, .sales-order-view .col-main .form-list li {
    margin: 0 0 2px
}

.customer-account-create .col-main .form-list .input-text:focus, .customer-account-edit .col-main .form-list .input-text:focus, .customer-account-forgotpassword .col-main .form-list .input-text:focus, .customer-account-index .col-main .form-list .input-text:focus, .customer-address-form .col-main .form-list .input-text:focus, .customer-address-index .col-main .form-list .input-text:focus, .newsletter-manage-index .col-main .form-list .input-text:focus, .review-customer-index .col-main .form-list .input-text:focus, .sales-order-history .col-main .form-list .input-text:focus, .sales-order-invoice .col-main .form-list .input-text:focus, .sales-order-shipment .col-main .form-list .input-text:focus, .sales-order-view .col-main .form-list .input-text:focus {
    border-bottom: 2px solid #B8C635;
    transition-duration: .8s
}

.customer-account-create .col-main .form-list .input-text, .customer-account-edit .col-main .form-list .input-text, .customer-account-forgotpassword .col-main .form-list .input-text, .customer-account-index .col-main .form-list .input-text, .customer-address-form .col-main .form-list .input-text, .customer-address-index .col-main .form-list .input-text, .newsletter-manage-index .col-main .form-list .input-text, .review-customer-index .col-main .form-list .input-text, .sales-order-history .col-main .form-list .input-text, .sales-order-invoice .col-main .form-list .input-text, .sales-order-shipment .col-main .form-list .input-text, .sales-order-view .col-main .form-list .input-text {
    border: none;
    background: #fff;
    border-bottom: 2px solid #7E7E7E;
    padding: 8px 0;
    font-size: 16px;
    width: 223px;
    color: #282828
}

.customer-account-create .col-main .form-list label, .customer-account-edit .col-main .form-list label, .customer-account-forgotpassword .col-main .form-list label, .customer-account-index .col-main .form-list label, .customer-address-form .col-main .form-list label, .customer-address-index .col-main .form-list label, .newsletter-manage-index .col-main .form-list label, .review-customer-index .col-main .form-list label, .sales-order-history .col-main .form-list label, .sales-order-invoice .col-main .form-list label, .sales-order-shipment .col-main .form-list label, .sales-order-view .col-main .form-list label {
    float: left;
    position: relative;
    z-index: 0;
    cursor: pointer;
    font-size: 12px;
    color: #7f7f7f;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    padding-top: 16px;
    margin-top: 0
}

.customer-account-create .col-main .form-list select, .customer-account-edit .col-main .form-list select, .customer-account-forgotpassword .col-main .form-list select, .customer-account-index .col-main .form-list select, .customer-address-form .col-main .form-list select, .customer-address-index .col-main .form-list select, .newsletter-manage-index .col-main .form-list select, .review-customer-index .col-main .form-list select, .sales-order-history .col-main .form-list select, .sales-order-invoice .col-main .form-list select, .sales-order-shipment .col-main .form-list select, .sales-order-view .col-main .form-list select {
    border: none;
    background: #fff;
    border-bottom: 2px solid #7E7E7E;
    padding: 6px 0;
    font-size: 16px;
    width: 222px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #282828
}

.customer-account-create .col-main .form-list div.background-select, .customer-account-edit .col-main .form-list div.background-select, .customer-account-forgotpassword .col-main .form-list div.background-select, .customer-account-index .col-main .form-list div.background-select, .customer-address-form .col-main .form-list div.background-select, .customer-address-index .col-main .form-list div.background-select, .newsletter-manage-index .col-main .form-list div.background-select, .review-customer-index .col-main .form-list div.background-select, .sales-order-history .col-main .form-list div.background-select, .sales-order-invoice .col-main .form-list div.background-select, .sales-order-shipment .col-main .form-list div.background-select, .sales-order-view .col-main .form-list div.background-select {
    width: 20px;
    height: 24px;
    content: "";
    pointer-events: none;
    position: absolute;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/images/refonte-tdc/arrow_down.svg) 50% 50% no-repeat;
    right: 0;
    top: 6px;
    background-size: 12px
}

.customer-account-create .col-main .form-list .control, .customer-account-create .col-main .form-list .remember-me, .customer-account-edit .col-main .form-list .control, .customer-account-edit .col-main .form-list .remember-me, .customer-account-forgotpassword .col-main .form-list .control, .customer-account-forgotpassword .col-main .form-list .remember-me, .customer-account-index .col-main .form-list .control, .customer-account-index .col-main .form-list .remember-me, .customer-address-form .col-main .form-list .control, .customer-address-form .col-main .form-list .remember-me, .customer-address-index .col-main .form-list .control, .customer-address-index .col-main .form-list .remember-me, .newsletter-manage-index .col-main .form-list .control, .newsletter-manage-index .col-main .form-list .remember-me, .review-customer-index .col-main .form-list .control, .review-customer-index .col-main .form-list .remember-me, .sales-order-history .col-main .form-list .control, .sales-order-history .col-main .form-list .remember-me, .sales-order-invoice .col-main .form-list .control, .sales-order-invoice .col-main .form-list .remember-me, .sales-order-shipment .col-main .form-list .control, .sales-order-shipment .col-main .form-list .remember-me, .sales-order-view .col-main .form-list .control, .sales-order-view .col-main .form-list .remember-me {
    position: relative;
    margin: 16px 0
}

.customer-account-create .col-main .form-list .control label, .customer-account-create .col-main .form-list .remember-me label, .customer-account-edit .col-main .form-list .control label, .customer-account-edit .col-main .form-list .remember-me label, .customer-account-forgotpassword .col-main .form-list .control label, .customer-account-forgotpassword .col-main .form-list .remember-me label, .customer-account-index .col-main .form-list .control label, .customer-account-index .col-main .form-list .remember-me label, .customer-address-form .col-main .form-list .control label, .customer-address-form .col-main .form-list .remember-me label, .customer-address-index .col-main .form-list .control label, .customer-address-index .col-main .form-list .remember-me label, .newsletter-manage-index .col-main .form-list .control label, .newsletter-manage-index .col-main .form-list .remember-me label, .review-customer-index .col-main .form-list .control label, .review-customer-index .col-main .form-list .remember-me label, .sales-order-history .col-main .form-list .control label, .sales-order-history .col-main .form-list .remember-me label, .sales-order-invoice .col-main .form-list .control label, .sales-order-invoice .col-main .form-list .remember-me label, .sales-order-shipment .col-main .form-list .control label, .sales-order-shipment .col-main .form-list .remember-me label, .sales-order-view .col-main .form-list .control label, .sales-order-view .col-main .form-list .remember-me label {
    cursor: pointer;
    margin-left: 30px
}

.customer-account-create .col-main .form-list .control label:after, .customer-account-create .col-main .form-list .control label:before, .customer-account-create .col-main .form-list .remember-me label:after, .customer-account-create .col-main .form-list .remember-me label:before, .customer-account-edit .col-main .form-list .control label:after, .customer-account-edit .col-main .form-list .control label:before, .customer-account-edit .col-main .form-list .remember-me label:after, .customer-account-edit .col-main .form-list .remember-me label:before, .customer-account-forgotpassword .col-main .form-list .control label:after, .customer-account-forgotpassword .col-main .form-list .control label:before, .customer-account-forgotpassword .col-main .form-list .remember-me label:after, .customer-account-forgotpassword .col-main .form-list .remember-me label:before, .customer-account-index .col-main .form-list .control label:after, .customer-account-index .col-main .form-list .control label:before, .customer-account-index .col-main .form-list .remember-me label:after, .customer-account-index .col-main .form-list .remember-me label:before, .customer-address-form .col-main .form-list .control label:after, .customer-address-form .col-main .form-list .control label:before, .customer-address-form .col-main .form-list .remember-me label:after, .customer-address-form .col-main .form-list .remember-me label:before, .customer-address-index .col-main .form-list .control label:after, .customer-address-index .col-main .form-list .control label:before, .customer-address-index .col-main .form-list .remember-me label:after, .customer-address-index .col-main .form-list .remember-me label:before, .newsletter-manage-index .col-main .form-list .control label:after, .newsletter-manage-index .col-main .form-list .control label:before, .newsletter-manage-index .col-main .form-list .remember-me label:after, .newsletter-manage-index .col-main .form-list .remember-me label:before, .review-customer-index .col-main .form-list .control label:after, .review-customer-index .col-main .form-list .control label:before, .review-customer-index .col-main .form-list .remember-me label:after, .review-customer-index .col-main .form-list .remember-me label:before, .sales-order-history .col-main .form-list .control label:after, .sales-order-history .col-main .form-list .control label:before, .sales-order-history .col-main .form-list .remember-me label:after, .sales-order-history .col-main .form-list .remember-me label:before, .sales-order-invoice .col-main .form-list .control label:after, .sales-order-invoice .col-main .form-list .control label:before, .sales-order-invoice .col-main .form-list .remember-me label:after, .sales-order-invoice .col-main .form-list .remember-me label:before, .sales-order-shipment .col-main .form-list .control label:after, .sales-order-shipment .col-main .form-list .control label:before, .sales-order-shipment .col-main .form-list .remember-me label:after, .sales-order-shipment .col-main .form-list .remember-me label:before, .sales-order-view .col-main .form-list .control label:after, .sales-order-view .col-main .form-list .control label:before, .sales-order-view .col-main .form-list .remember-me label:after, .sales-order-view .col-main .form-list .remember-me label:before {
    content: "";
    position: absolute;
    left: -28px;
    top: 12px
}

.customer-account-create .col-main .form-list .control label:before, .customer-account-create .col-main .form-list .remember-me label:before, .customer-account-edit .col-main .form-list .control label:before, .customer-account-edit .col-main .form-list .remember-me label:before, .customer-account-forgotpassword .col-main .form-list .control label:before, .customer-account-forgotpassword .col-main .form-list .remember-me label:before, .customer-account-index .col-main .form-list .control label:before, .customer-account-index .col-main .form-list .remember-me label:before, .customer-address-form .col-main .form-list .control label:before, .customer-address-form .col-main .form-list .remember-me label:before, .customer-address-index .col-main .form-list .control label:before, .customer-address-index .col-main .form-list .remember-me label:before, .newsletter-manage-index .col-main .form-list .control label:before, .newsletter-manage-index .col-main .form-list .remember-me label:before, .review-customer-index .col-main .form-list .control label:before, .review-customer-index .col-main .form-list .remember-me label:before, .sales-order-history .col-main .form-list .control label:before, .sales-order-history .col-main .form-list .remember-me label:before, .sales-order-invoice .col-main .form-list .control label:before, .sales-order-invoice .col-main .form-list .remember-me label:before, .sales-order-shipment .col-main .form-list .control label:before, .sales-order-shipment .col-main .form-list .remember-me label:before, .sales-order-view .col-main .form-list .control label:before, .sales-order-view .col-main .form-list .remember-me label:before {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    cursor: pointer;
    transition: background .3s
}

.customer-account-create .col-main .form-list .control input[type=checkbox], .customer-account-create .col-main .form-list .remember-me input[type=checkbox], .customer-account-edit .col-main .form-list .control input[type=checkbox], .customer-account-edit .col-main .form-list .remember-me input[type=checkbox], .customer-account-forgotpassword .col-main .form-list .control input[type=checkbox], .customer-account-forgotpassword .col-main .form-list .remember-me input[type=checkbox], .customer-account-index .col-main .form-list .control input[type=checkbox], .customer-account-index .col-main .form-list .remember-me input[type=checkbox], .customer-address-form .col-main .form-list .control input[type=checkbox], .customer-address-form .col-main .form-list .remember-me input[type=checkbox], .customer-address-index .col-main .form-list .control input[type=checkbox], .customer-address-index .col-main .form-list .remember-me input[type=checkbox], .newsletter-manage-index .col-main .form-list .control input[type=checkbox], .newsletter-manage-index .col-main .form-list .remember-me input[type=checkbox], .review-customer-index .col-main .form-list .control input[type=checkbox], .review-customer-index .col-main .form-list .remember-me input[type=checkbox], .sales-order-history .col-main .form-list .control input[type=checkbox], .sales-order-history .col-main .form-list .remember-me input[type=checkbox], .sales-order-invoice .col-main .form-list .control input[type=checkbox], .sales-order-invoice .col-main .form-list .remember-me input[type=checkbox], .sales-order-shipment .col-main .form-list .control input[type=checkbox], .sales-order-shipment .col-main .form-list .remember-me input[type=checkbox], .sales-order-view .col-main .form-list .control input[type=checkbox], .sales-order-view .col-main .form-list .remember-me input[type=checkbox] {
    visibility: hidden;
    outline: 0;
    margin-right: 6px
}

.customer-account-create .col-main .form-list .control input[type=checkbox]:checked + label:before, .customer-account-create .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .customer-account-edit .col-main .form-list .control input[type=checkbox]:checked + label:before, .customer-account-edit .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .customer-account-forgotpassword .col-main .form-list .control input[type=checkbox]:checked + label:before, .customer-account-forgotpassword .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .customer-account-index .col-main .form-list .control input[type=checkbox]:checked + label:before, .customer-account-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .customer-address-form .col-main .form-list .control input[type=checkbox]:checked + label:before, .customer-address-form .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .customer-address-index .col-main .form-list .control input[type=checkbox]:checked + label:before, .customer-address-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .newsletter-manage-index .col-main .form-list .control input[type=checkbox]:checked + label:before, .newsletter-manage-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .review-customer-index .col-main .form-list .control input[type=checkbox]:checked + label:before, .review-customer-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .sales-order-history .col-main .form-list .control input[type=checkbox]:checked + label:before, .sales-order-history .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .sales-order-invoice .col-main .form-list .control input[type=checkbox]:checked + label:before, .sales-order-invoice .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .sales-order-shipment .col-main .form-list .control input[type=checkbox]:checked + label:before, .sales-order-shipment .col-main .form-list .remember-me input[type=checkbox]:checked + label:before, .sales-order-view .col-main .form-list .control input[type=checkbox]:checked + label:before, .sales-order-view .col-main .form-list .remember-me input[type=checkbox]:checked + label:before {
    background: #B8c635;
    border: 2px solid #B8c635
}

.customer-account-create .col-main .form-list .control input[type=checkbox]:checked + label:after, .customer-account-create .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .customer-account-edit .col-main .form-list .control input[type=checkbox]:checked + label:after, .customer-account-edit .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .customer-account-forgotpassword .col-main .form-list .control input[type=checkbox]:checked + label:after, .customer-account-forgotpassword .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .customer-account-index .col-main .form-list .control input[type=checkbox]:checked + label:after, .customer-account-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .customer-address-form .col-main .form-list .control input[type=checkbox]:checked + label:after, .customer-address-form .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .customer-address-index .col-main .form-list .control input[type=checkbox]:checked + label:after, .customer-address-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .newsletter-manage-index .col-main .form-list .control input[type=checkbox]:checked + label:after, .newsletter-manage-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .review-customer-index .col-main .form-list .control input[type=checkbox]:checked + label:after, .review-customer-index .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .sales-order-history .col-main .form-list .control input[type=checkbox]:checked + label:after, .sales-order-history .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .sales-order-invoice .col-main .form-list .control input[type=checkbox]:checked + label:after, .sales-order-invoice .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .sales-order-shipment .col-main .form-list .control input[type=checkbox]:checked + label:after, .sales-order-shipment .col-main .form-list .remember-me input[type=checkbox]:checked + label:after, .sales-order-view .col-main .form-list .control input[type=checkbox]:checked + label:after, .sales-order-view .col-main .form-list .remember-me input[type=checkbox]:checked + label:after {
    transform: rotate(-45deg);
    top: 17px;
    left: -24px;
    width: 10px;
    height: 5px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none
}

.customer-account-create .col-main .order-info, .customer-account-edit .col-main .order-info, .customer-account-forgotpassword .col-main .order-info, .customer-account-index .col-main .order-info, .customer-address-form .col-main .order-info, .customer-address-index .col-main .order-info, .newsletter-manage-index .col-main .order-info, .review-customer-index .col-main .order-info, .sales-order-history .col-main .order-info, .sales-order-invoice .col-main .order-info, .sales-order-shipment .col-main .order-info, .sales-order-view .col-main .order-info {
    position: relative;
    height: 80px
}

.customer-account-create .col-main .order-info a, .customer-account-edit .col-main .order-info a, .customer-account-forgotpassword .col-main .order-info a, .customer-account-index .col-main .order-info a, .customer-address-form .col-main .order-info a, .customer-address-index .col-main .order-info a, .newsletter-manage-index .col-main .order-info a, .review-customer-index .col-main .order-info a, .sales-order-history .col-main .order-info a, .sales-order-invoice .col-main .order-info a, .sales-order-shipment .col-main .order-info a, .sales-order-view .col-main .order-info a {
    position: absolute;
    bottom: 18px;
    left: 4%;
    background: #ff9000 !important;
    padding: 12px !important;
    border-radius: 0 !important;
    color: #FFF !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800 !important;
    border: 1px solid #FFF !important;
    transition: 1s background
}

.customer-account-create .col-main .order-info a:hover, .customer-account-edit .col-main .order-info a:hover, .customer-account-forgotpassword .col-main .order-info a:hover, .customer-account-index .col-main .order-info a:hover, .customer-address-form .col-main .order-info a:hover, .customer-address-index .col-main .order-info a:hover, .newsletter-manage-index .col-main .order-info a:hover, .review-customer-index .col-main .order-info a:hover, .sales-order-history .col-main .order-info a:hover, .sales-order-invoice .col-main .order-info a:hover, .sales-order-shipment .col-main .order-info a:hover, .sales-order-view .col-main .order-info a:hover {
    background: #FFF !important;
    color: #ff9000 !important;
    border: 1px solid #ff9000 !important
}

.customer-account-create .col-main .order-details, .customer-account-edit .col-main .order-details, .customer-account-forgotpassword .col-main .order-details, .customer-account-index .col-main .order-details, .customer-address-form .col-main .order-details, .customer-address-index .col-main .order-details, .newsletter-manage-index .col-main .order-details, .review-customer-index .col-main .order-details, .sales-order-history .col-main .order-details, .sales-order-invoice .col-main .order-details, .sales-order-shipment .col-main .order-details, .sales-order-view .col-main .order-details {
    text-align: center;
    margin-top: 30px
}

.customer-account-create .col-main .order-details h1, .customer-account-create .col-main .order-details h2, .customer-account-edit .col-main .order-details h1, .customer-account-edit .col-main .order-details h2, .customer-account-forgotpassword .col-main .order-details h1, .customer-account-forgotpassword .col-main .order-details h2, .customer-account-index .col-main .order-details h1, .customer-account-index .col-main .order-details h2, .customer-address-form .col-main .order-details h1, .customer-address-form .col-main .order-details h2, .customer-address-index .col-main .order-details h1, .customer-address-index .col-main .order-details h2, .newsletter-manage-index .col-main .order-details h1, .newsletter-manage-index .col-main .order-details h2, .review-customer-index .col-main .order-details h1, .review-customer-index .col-main .order-details h2, .sales-order-history .col-main .order-details h1, .sales-order-history .col-main .order-details h2, .sales-order-invoice .col-main .order-details h1, .sales-order-invoice .col-main .order-details h2, .sales-order-shipment .col-main .order-details h1, .sales-order-shipment .col-main .order-details h2, .sales-order-view .col-main .order-details h1, .sales-order-view .col-main .order-details h2 {
    font-size: 21px !important
}

.customer-account-create .col-main .order-details h2 a, .customer-account-edit .col-main .order-details h2 a, .customer-account-forgotpassword .col-main .order-details h2 a, .customer-account-index .col-main .order-details h2 a, .customer-address-form .col-main .order-details h2 a, .customer-address-index .col-main .order-details h2 a, .newsletter-manage-index .col-main .order-details h2 a, .review-customer-index .col-main .order-details h2 a, .sales-order-history .col-main .order-details h2 a, .sales-order-invoice .col-main .order-details h2 a, .sales-order-shipment .col-main .order-details h2 a, .sales-order-view .col-main .order-details h2 a {
    background: #ff9000 !important;
    padding: 12px !important;
    border-radius: 0 !important;
    border: 1px solid #FFF !important;
    transition: 1s background;
    color: #FFF !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800 !important;
    font-size: 14px
}

.customer-account-create .col-main .order-details h2 a:hover, .customer-account-edit .col-main .order-details h2 a:hover, .customer-account-forgotpassword .col-main .order-details h2 a:hover, .customer-account-index .col-main .order-details h2 a:hover, .customer-address-form .col-main .order-details h2 a:hover, .customer-address-index .col-main .order-details h2 a:hover, .newsletter-manage-index .col-main .order-details h2 a:hover, .review-customer-index .col-main .order-details h2 a:hover, .sales-order-history .col-main .order-details h2 a:hover, .sales-order-invoice .col-main .order-details h2 a:hover, .sales-order-shipment .col-main .order-details h2 a:hover, .sales-order-view .col-main .order-details h2 a:hover {
    background: #FFF !important;
    border: 1px solid #ff9000 !important;
    color: #ff9000 !important
}

.customer-account-create .block-title {
    margin-left: 13% !important
}

.sales-order-view .col-main .order-info .last a {
    left: 20%
}

@media (max-width: 640px) and (min-width: 320px) {
    .sales-order-view .col-main .order-info .last a {
        left: 30%
    }
}

.sales-order-invoice .col-main .order-info .last a {
    left: 34%
}

@media (max-width: 640px) and (min-width: 320px) {
    .sales-order-invoice .col-main .order-info .last a {
        left: 58%
    }
}

.sales-order-shipment .col-main .order-info .first a {
    left: 20%
}

@media (max-width: 640px) and (min-width: 320px) {
    .sales-order-shipment .col-main .order-info .first a {
        left: 32%
    }
}

.customer-account-login .main {
    font-family: 'Source Sans Pro', sans-serif !important
}

.customer-account-login .main h1, .customer-account-login .main h2 {
    font-family: Cabin, 'Source Sans Pro', sans-serif !important
}

.customer-account-login .main .page-title {
    margin: 20px 0 40px
}

.customer-account-login .main h1 {
    font-size: 30px !important
}

.customer-account-login .main h2 {
    background: #fff !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-weight: 800;
    border: none;
    margin: 1.5rem 0 1rem;
    color: #283C49 !important;
    font-size: 21px !important
}

.customer-account-login .main .buttons-set {
    background: 0 0 !important;
    border: none !important
}

.customer-account-login .main .buttons-set a {
    color: #b8c635 !important;
    letter-spacing: .5px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    margin-top: 12px
}

.customer-account-login .main .content {
    border: none !important
}

.customer-account-login .main button {
    background: #b8c635 !important;
    padding: 12px !important;
    border-radius: 0 !important;
    border: 1px solid #FFF !important;
    transition: 1s background
}

.customer-account-login .main button span {
    color: #FFF;
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800 !important
}

.customer-account-login .main button:hover {
    background: #FFF !important;
    border: 1px solid #b8c635 !important
}

.customer-account-login .main button:hover span {
    color: #b8c635 !important
}

.customer-account-login .main .new-users {
    text-align: center
}

.customer-account-login .main .registered-users {
    margin-bottom: 35px;
    text-align: center
}

.customer-account-login .main .form-list {
    margin-left: 24% !important
}

.customer-account-login .main .form-list li {
    margin: 0 0 2px
}

.customer-account-login .main .form-list .input-box {
    float: left;
    display: block;
    clear: both;
    width: 260px;
    text-align: left
}

.customer-account-login .main .form-list .input-text:focus {
    border-bottom: 2px solid #B8C635;
    transition-duration: .8s
}

.customer-account-login .main .form-list .input-text {
    border: none;
    background: #fff;
    border-bottom: 2px solid #7E7E7E;
    padding: 8px 0;
    font-size: 16px;
    width: 223px;
    color: #282828
}

.customer-account-login .main .form-list label {
    float: left;
    position: relative;
    z-index: 0;
    cursor: pointer;
    font-size: 12px;
    color: #7f7f7f;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    padding-top: 16px;
    margin-top: 0
}

.customer-account-login .main p.required {
    bottom: -40px !important
}

.customer-account-logoutsuccess .col-main {
    font-family: 'Source Sans Pro', sans-serif !important;
    text-align: center;
    margin: 60px 0
}

.catalog .buttonUnivers button, .catalog .subTitleUnivers, .catalog .titleCatalog, .catalog .titleUnivers {
    font-family: Montserrat !important
}

.catalog {
    margin-top: -2rem
}

.catalog .titleCatalog {
    text-align: center;
    padding: 0;
    margin: 3rem 0 2rem
}

.catalog .containerUnivers {
    margin-bottom: 2rem
}

.catalog .containerContentMain {
    margin-top: 30px
}

.catalog .containerContentUnivers {
    height: 320px;
    margin-top: 30px
}

.catalog .titleUnivers {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px !important
}

.catalog .subTitleUnivers {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    margin-bottom: 10px
}

.catalog .buttonUnivers button {
    padding: 0 20px;
    margin: 20px 0
}

@media only screen and (max-width: 600px) {
    .catalog .containerContentUnivers {
        height: auto
    }
}

.reassurance-bloc ul li .text span{
    display: block;
}
.reassurance-bloc ul li .text{
    display: inline-block;
    vertical-align: top;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #687178;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-left: 19px;
    margin-top: 5px;
    text-align: left;
}
.reassurance-bloc ul li img{
    display: inline-block;
    vertical-align: top;
}
.reassurance-bloc ul li:hover{
    opacity: 0.75;
}
.reassurance-bloc ul li a{
    font-size: 0;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
}
.reassurance-bloc ul li{
    display: table-cell;
    width: 19%;
    position: relative;
    vertical-align: middle;
}
.reassurance-bloc ul{
    display: table;
    width: 100%;
    text-align: center;
}
.reassurance-bloc{
    clear: both;
}
.main .global-container .productSelection h2 span{
    color: #0eb48d;
}
.main .global-container .productSelection h2,
.main .global-container .nos-metiers h2,
.main .univers-generalBlock h2,
.main .latest-title h2,
.main .compatibles .global-container h2{
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #687178;
    letter-spacing: 1px;
}
.main .global-container .nos-metiers ul li .image img{
    width: 100%;
    height: auto;
}
.main .global-container .nos-metiers ul li a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.main .global-container .nos-metiers ul li.even{
    margin-top: 77px;
}
.main .global-container .nos-metiers ul li.even.desktop a:after,
.main .global-container .nos-metiers ul li:last-child a:after{
    background: #e4214c;
}
.main .global-container .nos-metiers ul li.rwd{
    display: none;
}
.main .global-container .nos-metiers ul li.even.desktop,
.main .global-container .nos-metiers ul li:last-child{
    margin-right: 0;
    border-top-color: #e4214c;
}
.main .global-container .nos-metiers ul li:nth-child(4) a:after{
    background: #ab3d8c ;
}
.main .global-container .nos-metiers ul li:nth-child(4){
    border-top-color: #ab3d8c;
}
.main .global-container .nos-metiers ul li:nth-child(3) a:after{
    background: #fdc71f;
}
.main .global-container .nos-metiers ul li:nth-child(3){
    border-top-color: #fdc71f;
}
.main .global-container .nos-metiers ul li:nth-child(2) a:after{
    background: #baca34;
}
.main .global-container .nos-metiers ul li:nth-child(2){
    border-top-color: #baca34;
}
.main .global-container .nos-metiers ul li:first-child a:after{
    background: #0eb48d;
}
.main .global-container .nos-metiers ul li:first-child{
    border-top-color: #0eb48d;
}
.main .global-container .nos-metiers ul li a:hover:after {
    transform: scaleY(1);
    z-index: 1;
}

.main .global-container .nos-metiers ul li a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: top center;
    z-index: -1;
    transition: transform 0.9s;
    opacity: 0.25;
}
.main .global-container .nos-metiers ul li{
    float: left;
    position: relative;
    width: 17.9%;
    margin-right: 23px;
    border-top: 4px solid;
    height: 100%;
}
.main .global-container .nos-metiers {
    margin-bottom: 54px;
    padding-top: 30px;
}
.main .global-container .nos-metiers ul{
    width: 100%;
    margin-top: 53px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
}
.main .global-container .productSelection{
    margin-top: 67px;
}
.main .global-container{
    clear: both;
    width: 100%;
    max-width: 1110px;
    margin:auto;
}
.main .reassurance{
    clear: both;
    background: #F7F8FA;
    padding: 10px 0 5px 0;
}
.main .global-container.products{
    max-width: 1140px;
}

.main .univers-generalBlock .information-bloc ul li .text span:first-child{
    font-size: 30px;
}
.main .univers-generalBlock .information-bloc ul li .text span{
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #687178;
}
.main .univers-generalBlock .information-bloc ul li .text{
    text-align: center;
    margin-top: 18px;
}
.main .univers-generalBlock .information-bloc ul li .image img{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.main .univers-generalBlock .information-bloc ul li .image{
    position: relative;
    height: 74px;
}
.main .univers-generalBlock .information-bloc ul li{
    display: table-cell;
    vertical-align: middle;
}
.main .univers-generalBlock .information-bloc ul{
    display: table;
    width: 100%;
}
.main .compatibles.fournisseurs {
    padding: 20px 0 58px 0;
}

.main .compatibles ul.slides.sliderHome{
    margin-top: 24px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}
.main .compatibles.connexing img {
    filter: grayscale(100%);
}
.main .compatibles.connexing {
    padding: 13px 0 53px 0;
}
.main .compatibles .global-container .bx-pager{
    display:none;
}
.main .global-container .widget-latest{
    position: relative;
}
.main .global-container .widget-latest .bx-controls div a.bx-next,
.main .compatibles .global-container .bx-controls div a.bx-next{
    position: absolute;
    top: 50%;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg) 0 0 no-repeat;
    font-size: 0;
    width: 17px;
    height: 24px;
    right: -26px;
}

.main .global-container .widget-latest .bx-controls div a.bx-prev,
.main .compatibles .global-container .bx-controls div a.bx-prev{
    position: absolute;
    top: 50%;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg) 0 0 no-repeat;
    font-size: 0;
    width: 17px;
    height: 24px;
    left: -26px;
    transform:rotate(-180deg);
}
.main .global-container .widget-latest .bx-controls div a.bx-next{
    top:50%;
    right: -36px;
}
.main .global-container .widget-latest .bx-controls div a.bx-prev{
    top:50%;
    left: -36px;
}
.main .compatibles .global-container .bx-wrapper{
    position: relative;
}
.main .compatibles .global-container{
    position: relative;
}
.main .compatibles {
    background: #dde3e6;
    padding: 35px 0;
    margin-top: 10px;
}
.main .univers-generalBlock .univers .bloc a{
    font-size: 0;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;

}
.main .univers-generalBlock .univers .bloc:nth-child(2),.main .univers-generalBlock .univers .bloc:last-child{
    margin-right: 0;
    float: right;
}
.main .univers-generalBlock .univers .bloc .image a:hover + img{
    -webkit-transform: rotate(-1deg) scale(1.2);
    -moz-transform: rotate(-1deg) scale(1.2);
    -ms-transform: rotate(-1deg) scale(1.2);
    transform: rotate(-1deg) scale(1.2);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.main .univers-generalBlock .univers .bloc .image img{
    position: relative;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.main .univers-generalBlock .global-container .univers .bloc{
    height: 233px;
}
.main .univers-generalBlock .full-size .univers .bloc{
    height: 331px;
    z-index: 1;
}
.main .univers-generalBlock  .univers .bloc{
    float: none;
    width: 49%;
    position: relative;
    clear: both;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    margin-right: 14px;
}
.main .univers-generalBlock .univers:last-child h2 {
    margin-bottom: 42px;
}
.main .univers-generalBlock .univers:last-child {
    margin-top: 43px;
}
.main .univers-generalBlock .univers{
    margin: 56px 0 78px 0;
}
.main .univers-generalBlock .information-bloc{
    background: #dde3e6;
    padding: 78px 0;
    margin-bottom: 76px;
}
.camera_pag{
    position: absolute !important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
}
.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center !important;
}
div.camera_pag
{
    display: block !important;
}
.camera_wrap {
    min-height: 432px!important;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{
    background: #434648 !important;
}
div.slideshow_titles > div.active{
    display: block;
}
div.slideshow_titles > div{
    display: none;
}
div.camera_wrap {
    position: relative;
    margin-bottom: 5px !important;
}
div.slideshow_titles {
    position: absolute;
    z-index: 999;
    right: 125px;
    bottom: 204px;
    width: auto !important;
    margin-right: 0 !important;
}
div.slideshow_titles > div.active:before, div.slideshow_titles > div:hover:before{
    display: none;
}
div.slideshow_titles div.active div.slideshow-title-background,
div.slideshow_titles div.active:hover div.slideshow-title-background{
    background: transparent;

}
div.slideshow_titles div span{
    background: #0eb48d;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 5px 17px;
}
div.slideshow_titles > div.active:before, div.slideshow_titles > div:hover:before{
    box-shadow: none !important;
    background: none!important;
}
div.slideshow_titles div.slideshow-title-background{
    background-image: none !important;
    line-height: 35px!important;
    height: 0!important;
    width: 553px!important;
    text-align: right!important;
}
div.slideshow_titles div.active div.slideshow-title-background, div.slideshow_titles div:hover div.slideshow-title-background{
    background: none!important;
}
div.slideshow_titles div span{
    font-family: 'Montserrat', sans-serif;
    font-size: 25px!important;
    text-align: right!important;
    display: inline!important;
    line-height: 0!important;
    color:white!important;
}
.fluid_container{
    position: relative!important;
    overflow: hidden;
}
.camera_prev > span{
    transform: rotate(180deg);
    left:0;
}
.camera_next > span{
    right: 0;
}
.camera_next > span,
.camera_prev > span{
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg) 8px 9px no-repeat !important;
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    top: 50%;
    cursor: pointer;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{
    background: transparent !important;
}
.camera_wrap img {
    max-width: none!important;
    position: relative !important;
    margin-top: 0 !important;
    display: block !important;
}
/*@media (min-width: 641px) {*/
@media (min-width: 641px){
    .topH{
        top:-150px;
        /*position: relative;*/
        transition: top 0.5s linear;
        -o-transition: top 0.5s linear;
        -moz-transition: top 0.5s linear;
        -webkit-transition: top 0.5s linear;
    }
    .sticky {
        position:fixed;
        top:0;
        left:0;
        z-index:9999999;
        width:100%;
        background: white;
        transition: top 0.5s linear;
        -o-transition: top 0.5s linear;
        -moz-transition: top 0.5s linear;
        -webkit-transition: top 0.5s linear;
        box-shadow: 0 0px 20px #888888;
    }

    .sticky-Add-header .global-container > div.stick-qty .qty input {
        width: 28px !important;
        display: inline-block;
        text-align: center;
        padding: 0;
        height: 20px;
        vertical-align: top;
        border: none;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 18px;
        color: #687178;
        line-height: 20px;
        margin-left: 0;
        margin-top: 0;
    }
    .sticky-Add-header .global-container > div.sticky-price .special-price ,
    .sticky-Add-header .global-container > div.sticky-price .regular-price,
    .sticky-Add-header .global-container > div.sticky-price .minimum-price-box span.label{
        color: #0eb48d;
        font-weight: bold;
        font-size: 24px;
        top: auto;
        left: auto;
    }
    .sticky-Add-header .global-container > div.sticky-price .product-before-price,
    .sticky-Add-header .global-container > div.sticky-price .price-including-tax,
    .sticky-Add-header .global-container > div.sticky-price .old-price ,
    .sticky-Add-header .global-container > div.sticky-price .one-price{
        display: none;
    }

    .sticky-actions .add-to-cart .button.add-to-cart.big span.style > span.icon{
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/addP.png) 0 0 no-repeat;
        width: 20px;
        padding: 0;
        height: 20px;
    }
    .sticky-actions .add-to-cart .button.add-to-cart.big span.style > span{
        display: inline-block;
        vertical-align: middle;
        padding: 0;
    }
    .sticky-actions .add-to-cart .button.add-to-cart.big span.style{
        display: block;
        padding: 9px 21px;
        margin: auto;
    }
    .sticky-actions .add-to-cart .button.add-to-cart.big span{
        padding: 10px 34px;
        line-height: 20px;
        text-transform: uppercase;
        float: none;
        width: auto;
        height: auto;
        display: block;
        font-size: 14px;
        font-weight: bold;
        font-family: "Source Sans Pro", sans-serif;
        letter-spacing: 2px;
    }
    .sticky-actions .new-link{
        padding: 10px 38px;
        line-height: 20px;
        text-transform: uppercase;
        float: right;
        position: relative;
        display: block;
        font-size: 14px;
        font-weight: bold;
        font-family: "Source Sans Pro", sans-serif;
        letter-spacing: 2px;
    }
    .sticky-actions .add-to-cart .button{
        width: 100%!important;
    }
    .sticky-actions .add-to-cart .button:hover,
    .sticky-actions .new-link:hover{
        opacity: 0.75;
    }
    .sticky-actions .add-to-cart .button,
    .sticky-actions .new-link{
        background: #0eb48d !important;
        border-radius: 0;
        margin: 0 !important;
        height: auto !important;
    }
    .sticky-actions .options-separator.center-box:hover,
    .sticky-actions .add-to-cart:hover,.sticky-actions .book:hover{
        opacity: 0.75;
    }
    .sticky-actions .options-separator.center-box,
    .sticky-actions .add-to-cart,.sticky-actions .book{
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-right: 10px;
    }
    .sticky-actions .options-separator.center-box{
        margin-right: 22px;
    }
    .sticky-actions .options-separator.center-box a{
        margin: 0;
    }
    .sticky-actions .options-separator.center-box .label span.style span.icon{
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/demandeDevis.png) 4px 4px no-repeat;
        width: 20px;
        height: 26px;
        padding: 0;
    }
    .sticky-actions .options-separator.center-box .label span.style span{
        display: inline-block !important;
        vertical-align: top;
    }
    .sticky-actions .options-separator.center-box .label span.style{
        width: auto;
        display: block;
        padding: 0;
        text-align: center;
    }
    .sticky-actions .options-separator.center-box .label .style span:not(.icon){
        font-family: "Source Sans Pro", sans-serif;
        letter-spacing: 2px;
        text-align: center;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0 ;
        line-height: 29px;
    }
    .sticky-actions .options-separator.center-box .label {
        position: relative;
        float: none;
        display: block;
        height: 26px;
        margin: 0;
        background: transparent;
        border-radius: 0;
        color: #507480;
        font-size: 14px;
        line-height: 26px;
        text-align: left;
        border: 1px solid;
        padding: 6px 15px;
    }

    .sticky-Add-header .global-container > div.stick-qty span.quantity {
        border: 1px solid #B4B8BB;
        width: 18px;
        display: inline-block;
        height: 18px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        line-height: 18px;
        font-family: "Source Sans Pro", sans-serif;
        color: #0eb48d;
        cursor: pointer;
    }
    .sticky-Add-header .global-container > div.sticky-actions{
        float: right;
    }
    .sticky-Add-header .global-container > div.sticky-name{
        font-size: 18px;
        font-weight: 600;
        color: #687178;
        letter-spacing: 1px;
        max-width: 200px;
    }
    .sticky-Add-header .global-container > div{
        display: table-cell;
        vertical-align: middle;
        margin: 8px 0;
        text-align: center;
    }
    .sticky-Add-header .global-container{
        display: table;
        margin: 10px auto;
        text-align: center;
    }
    .sticky-Add-header{
        opacity: 0;
        position:fixed;
        top:0;
        left:0;
        transition: top 0.5s linear;
        -o-transition: top 0.5s linear;
        -moz-transition: top 0.5s linear;
        -webkit-transition: top 0.5s linear;
        z-index: -1;
        visibility: hidden;
    }
    .sticky-Add-header.fixed{
        top:119px;
        width: 100%;
        transition: top 0.5s linear;
        -o-transition: top 0.5s linear;
        -moz-transition: top 0.5s linear;
        -webkit-transition: top 0.5s linear;
        z-index: 99999;
        background: white;
        opacity: 1;
        box-shadow: 0 0 20px #888888;
        visibility: visible;
    }
}
.catalog-product-view .sticky {
    box-shadow: none;
}
/*}*/

.camera_wrap .camera_pag .camera_pag_ul li{
    height: 9px !important;
    margin: 4px 7px !important;
    width: 9px !important;
    display: inline-block;
    background: #9D9D9D;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer;
}
.camera_wrap .camera_pag .camera_pag_ul li > span{
    left: 1px !important;
    top: 1px !important;
}
.bx-viewport {
    height: 100% !important;
}

.camera_prev, .camera_next, .camera_commands{
    opacity: 1 !important;
}
.ascenceurBoutton{
    position: fixed;
    bottom: 30px;
    background: #0eb48d;
    right: 27px;
    width: 61px;
    height: 60px;
    display: none;
}
.ascenceurBoutton span:hover {
    opacity: 0.75;
}
.ascenceurBoutton span {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_top_white.svg) 50% 50% no-repeat;
    background-size: 22px;
    cursor: pointer;
}

.b2b-negotiated-index .buttonRwd,
.catalogsearch-result-index .buttonRwd,
.mb-mana-catalog-leftnav .buttonRwd{
    display: none;
}
.m-more-less {
    font-size: 11px;
    text-align: right;
    margin-top: 10px;
}

.widget-latest .posts li img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: auto;
    width: auto;
    max-width: 98%;
    max-height: 100%;
    margin: auto;
}
.widget-latest .posts li .global > a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.widget-latest .posts li .global{
    width: 97%;
    padding: 0 0 37px 0;
}
.widget-latest .posts li:hover .global{
    box-shadow: 0 0 9px #888888;
    transition: box-shadow 0.3s ease-in-out;
}
.widget-latest .posts li:last-child{
    margin-right: 0;
}
.widget-latest .posts li .widget-date {
    font-size: 12px;
    color: #517581;
}
.widget-latest .posts li .widget-title {
    font-size: 19px;
    color: #517581;
    padding: 4px 10px 5px;
    line-height: 21px;
    font-weight: bold;
}
.widget-latest .posts li .short-content {
    height: 205px;
    position: relative;
}
.widget-latest .posts li{
    display: inline-block;
    vertical-align: top;
    width: 23%;
    transition: box-shadow 0.3s ease-in-out;
    text-align: center;
    position: relative;
    padding: 0;
    margin-bottom: 10px;
}
.widget-latest .see-all-news a{
    color: #0eb48d;
    font-size: 13px;
    letter-spacing: 2px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    z-index: 99999;
}
.widget-latest .see-all-news {
    text-align: center;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 57px;
}
.widget-latest {
    margin-top: 66px;
}
.widget-latest .posts {
    margin-top: 41px;
    margin-left: 4px;
}
.catalog-product-view #description div,
.catalog-product-view #description span,
.catalog-product-view #description p{
    color: #687178 !important;
    font-size: 14px !important;
    font-family: "Source Sans Pro", sans-serif;
}
.catalog-product-view #description table{
    width: 100% !important;
    height: auto !important;
}
.catalog-product-view #description h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #547481;
}
.catalog-product-view h2.view{
    font-family: 'Montserrat', sans-serif;
    font-size: 30px !important;
    color: #547481;
    text-align: center;
    font-weight: bold;
    margin-top: 55px;
    letter-spacing: 0;
}
.catalog-product-view  .send{
    text-align: center;
    font-size: 14px;
    color: #547481;
}
.catalog-product-view .details .data-table{
    width: 22%;
    margin: auto;
}

.catalog-product-view .details .data-table th.label {
    background-color: #fff;
    text-align: left;
    border: none;
    font-size: 16px;
    color: #547481;
    font-weight: bold;
}
.catalog-product-view .details .data-table td {
    padding: 5px;
    background: #fff;
    text-align: left;
    border: none;
    font-size: 16px;
    color: #547481;
}
.product-view .product-img-box .more-views{
    top: 60px;
}
.catalog-product-view .product-promotionnal img{
    width: 100%;
    height: auto;
}
.blog-index-list .col-right .block-content .image-article{
    display: none;
}
.blog-index-list .col-right .block-content h2{
    font-size: 16px;
    color: #283C49;
    margin: 5px 0;
}
.col-left .block.block-account .block-content{
    padding: 14px 8px !important;
}
.col-left .block.block-account .block-content li{
    font-size:14px;
}
.customer-account-index .block-recent .data-table span.rwd{
    display: none;
}
#cookieChoiceInfo a{
    font-size: 16px !important;
}
#cookieChoiceInfo span{
    font-size: 14px !important;
}
#cookieChoiceInfo {
    background-color: #0eb48dc2 !important;
}
#nav li:not(.level0) a:hover{
    opacity: 0.75;
}
.nav-container .menu{
    padding-top: 10px;
}
#nav li.level-top > a{
    height: auto;
    margin: 10px 0;
}
.blocker{
    z-index: 99999999 !important;
    padding: 0 !important;
}
.modal .top .title{
    color: #0eb48d;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.modal .bottom .button a{
    display: block;
    width: 162px;
    margin: auto;
    background: #0eb48d;
    color: white;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: bold;
    letter-spacing: 1px;
}
.modal .bottom .button{
    margin-top: 16px;
    text-align: center;
    clear: both;
}
.modal .bottom{
    margin-top:20px;
}
.modal .mid, .modal .bottom{
    font-size: 14px;
    color: #687178;
}
.modal .top{
    margin: 0 0 20px 0;
}
.modal{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}
.modal a.close-modal{
    top: 15px !important;
    right: 15px !important;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/close.svg') 0 0 no-repeat !important;
    width: 13px !important;
    height: 13px !important;
}
.header.tdc .links li a,.footer.tdc .links.footer-left ul li a {
    padding: 0 7px;
}
.footer.tdc .links.footer-left ul li {
    float: left;
    line-height: 10px;
}
.checkout-cart-index .header.tdc .links li {
    border-left: 1px solid #283c49;
    line-height: 10px;
}
.webforms-cotation_form .block .block-content .form-list .input-box {
    display: block;
    clear: both;
    width: auto;
}
.webforms-cotation_form .block .block-content .form-list .field{
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.webforms-cotation_form .block .block-content .form-list .input-text:focus{
    border-bottom: 2px solid #B8C635;
    transition-duration: .8s;
}
.webforms-cotation_form .block .block-content .form-list .input-text{
    border: none;
    background: #fff;
    border-bottom: 2px solid #7E7E7E;
    padding: 8px 0;
    font-size: 16px;
    width: 65%;
    transition-duration: .8s;
    color: #282828;
}
.webforms-cotation_form .block .block-content .form-list label{
    font-size: 12px;
    color: #7f7f7f;
    font-family: 'Source Sans Pro', sans-serif;
}
.webforms-cotation_form .block .block-content .form-list {
    margin: 20px 0;
}
.webforms-cotation_form .block .block-title {
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    background-color: white;
    font-family: Cabin, 'Source Sans Pro', sans-serif !important;
    margin: 1.5rem 0 1rem;
    color: #283C49;
}
.webforms-cotation_form .buttons-set{
    padding:0;
}
.webforms-cotation_form button.button span span {
    padding: 0;
    text-transform: uppercase;
}
.webforms-cotation_form button.button span  {
    height: auto;
    padding: 16px 30px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 14px;
}
.webforms-cotation_form button.button:hover span{
    color:#ff9000;
}
.webforms-cotation_form button.button:hover{
    background:white;
    transition: 1s background;
    -webkit-box-shadow: inset 0 0 0 2px rgba(255,145,0,1);
    -moz-box-shadow: inset 0 0 0 2px rgba(255,145,0,1);
    box-shadow: inset 0 0 0 2px rgba(255,145,0,1);
}
.webforms-cotation_form button.button{
    background: #ff9000;
    border-radius: 0;
    transition: 1s background;
}
.webforms-cotation_form .block{
    float:none;
    width: auto;
    overflow: hidden;
    font-size: 12px;
    padding: 0;
}
body.managebg-img #nav{
    background: transparent !important;
}

.mini-products-list- .product-public-price,
.manufacturers-view-index .product-public-price,
.b2b-negotiated-index .product-public-price,
.catalogsearch-result-index .product-public-price,
.catalog-category-view .product-public-price{
    font-size: 13px;
    float: none;
    font-weight: normal;
    text-decoration: line-through;
    color: #687178;
    padding-left: 5px;
}

.mini-products-list- .old-price .pecentage,
.manufacturers-view-index .old-price .pecentage,
.b2b-negotiated-index .old-price  .pecentage,
.catalogsearch-result-index .old-price  .pecentage,
.catalog-category-view .old-price  .pecentage {
    position: absolute;
    top: 6px;
    color: #fdb65b;
    left: 15px;
    font-size: 17px;
    font-weight: bold;
}
body #ajaxcart_content_option_product{
    z-index: 9999999;
}
.ajaxcart-product-infos .old-price {
    display: none;
}
#ajaxcart_content_option_product .general-message{
    margin-top: 88px !important;
}
#ajaxcart_content_option_product #ajaxcart_checkout span{
    text-transform: uppercase;
    line-height: 21px !important;
}
#ajaxcart_content_option_product .price-box{
    text-align: left !important;
}
#ajaxcart_content_option_product .price-box{
    height: auto !important;
}
#ajaxcart_content_option_product #popup_addtocart.mini-products-list{
    max-height: 255px !important;
}
#ajax_cart_loading{
    z-index: 999999999 !important;
}
.checkout-cart-index .block-crosssell .button.button.add-to-cart.small.small{
    background: none !important;
}

input, input:before, input:after,
.header-bottom .searchautocomplete .nav .nav-input input,
.header-bottom .searchautocomplete .nav .nav-input input:before,
.header-bottom .searchautocomplete .nav .nav-input input:after {
    -webkit-user-select: initial !important;
    -khtml-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
}
#cookieChoiceInfo a:hover{
    background: none !important;
    opacity: 0.75 !important;
}
#popup_deliver_info {
    width: auto !important;
    top: 0 !important;
    left: 0 !important;
}
#popup_payment_info .left, #popup_payment_info .right{
    width: 100% !important;
    float: none !important;
}
.category-description .without-image .general-desc{
    position: relative;
    color: #687178;
    left: auto;
    font-size: 14px;
    right: auto;
    top: auto;
}
.category-description.std .without-image .category-title.main h1{
    color: #283c49;
    margin: 32px 0;
}
.category-description.std .without-image .category-title.main{
    position: relative;
}
.product-view .mini-products-list- .global:hover{
    box-shadow: 0 0 9px #888888;
    transition: box-shadow 0.3s ease-in-out;
}
.product-view .mini-products-list-#block-upsell-products li:hover,
.product-view .mini-products-list-#block-upsell-products li,
.product-view .mini-products-list-#block-related-products li:hover,
.product-view .mini-products-list-#block-related-products li {
    box-shadow: none;
}
.product-view .accessoires .bx-wrapper,
.product-view .related .bx-wrapper {
    margin:auto;
}
.product-view .mini-products-list- .global {
    width: 97%;
    transition: box-shadow 0.3s ease-in-out;
    margin: auto;
    padding: 10px 0;
    position: relative;
}
.product-view .mini-products-list-#block-upsell-products button.button.add-to-cart.small,
.product-view .mini-products-list-#block-related-products button.button.add-to-cart.small{
    right: 0;
}
.product-view .mini-products-list- li .global > a,
.product-view .product-essential .section .related .mini-products-list- li .global > a{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.wrapper_shadow.empty{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999999;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    text-align: center;
    padding: 0;
}

#popup_cart_empty .general .top{
    margin-bottom: 18px;
}
#popup_cart_empty .general{
    padding: 43px 40px 23px !important;
    text-align: center;
}
#popup_cart_empty{
    width: 290px;
    bottom: 0;
    right: 0;
    top: 0!important;
    left: 0!important;
    position: absolute;
    margin: auto;
    height: 220px;
    padding:0 !important;
}

#popup_cart_empty .top:before {
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    width: 55px;
    height: 61px;
    content: '';
    background: transparent url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/empty_cart.svg) 0 0 no-repeat;
    margin: 26px auto;
}

#popup_cart_empty .top .title {
    position: relative;
    padding-left: 0 !important;
    color: #282828 !important;
    text-align: center;
    font-size: 16px !important;
    padding-top: 59px;
    display: block;
    font-weight: bold;
}

#popup_cart_empty .bottom .btn_close {
    position: relative;
    top: initial;
    right: initial;
    text-align: center;
    display: block;
    max-width: 290px;
    margin: auto;
    padding: 14px;
    border-radius: 25px;
    text-transform: uppercase;
    color: white;
    background: #b2c527;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    cursor: pointer;
}
#popup_cart_empty a.btn_close {
    top: 15px !important;
    display: block;
    position: absolute;
    right: 15px !important;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/close.svg) 0 0 no-repeat !important;
    width: 13px !important;
    height: 13px !important;
    font-size: 0;
}
.cameraCont img{
    display: block !important;
    top: 0 !important;
    position: relative !important;
    left: 50% !important;
    width: auto !important;
    height: auto !important;
    vertical-align: bottom !important;
    -moz-transform: translate(-50%, 0) !important;
    -o-transform: translate(-50%, 0) !important;
    -ms-transform: translate(-50%, 0) !important;
    -webkit-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
    max-width: none !important;
    margin-left: 0 !important;
}
.cameraCont{
    height: 432px !important;
    overflow: hidden;
}
.cameraSlide{
    height: 100%;
    width: 100%;
}
h1.logo{
    font-size: 0;
}
.header-container.rf .header-bottom .global-container > div.logo img{
    text-indent: -9999px;
    line-height:1em;color: rgba(0, 0, 0, 0) !important;
    width: 117px;
    height: 80px;
}

/*
.blog-index-list .block-blog .menu-recent ul li,.block-blog .menu-categories ul li{
    position: relative;
}
.blog-index-list .block-blog .block-content .menu-recent ul li a,.blog-index-list .block-blog .block-content .menu-categories ul li a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.blog-index-list .block-blog .block-content .menu-recent ul li:hover,.block-blog .menu-categories ul li:hover{
    opacity: 0.75;
}
.blog-post-view .menu-recent{
    margin: 30px 0;
}

*/



/* Blog */

.blog-cat-view .col-main, .blog-index-list .col-main {
    width: 100%;
    text-align: center;
    padding-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.blog-cat-view .postWrapper, .blog-index-list .postWrapper {
    width: 310px;
    overflow: hidden;
}

.blog-cat-view .pager, .blog-index-list .pager {
    width: 100%;
}

.blog-cat-view .postWrapper .postContent img, .blog-index-list .postWrapper .postContent img {
    height: 225px;
}

.blog-cat-view .sidebar, .blog-index-list .sidebar {
    float: left;
    width: 100%;
}

.blog-cat-view .menu-recent, .blog-index-list .menu-recent {
    display: none;
}

.blog-cat-view .menu-categories, .blog-index-list .menu-categories {
    text-align: center;
}

.blog-cat-view .menu-categories ul, .blog-index-list .menu-categories ul {
    margin-top: 25px;
}

.blog-cat-view .menu-categories ul li, .blog-index-list .menu-categories ul li {
    margin: 10px 0; 
    font-weight: 700;
}

.blog-index-list .col-main::before  {
    content: 'Blog Connexing';
    color: #00a983;
    font-size: 2.5rem;
    font-family: 'Montserrat';
    font-weight: 900;
}

.blog-cat-view .block-blog, .blog-index-list .block-blog {
    width: 100%;
}

.blog-index-list .col-right .block-content h2 {
    color: #00a983;
    margin: 0; 
    font-size: 24px !important; 
    letter-spacing: 2px !important; 
    font-family: 'Montserrat', sans-serif; 
    font-weight: 600 !important;
}

.blog-index-list .postWrapper .postContent .aw-blog-read-more {
    background-color: #00a983!important;
    border: 1px solid #00a983!important;
}

.blog-index-list .postWrapper .postContent .aw-blog-read-more:hover {
    border: 1px solid #00a983;
    color: #00a983!important;
}

.blog-cat-view .postWrapper .postTitle h2 a, .blog-index-list .postWrapper .postTitle h2 a {
    font-family: 'Montserrat';
}

.blog-index-list .toolbar .limiter, .blog-index-list .toolbar .sorter, .blog-index-list .toolbar .amount, .blog-cat-view .toolbar .limiter, .blog-cat-view .toolbar .sorter, .blog-cat-view .toolbar .amount  {
    display: none;
}

.blog-cat-view .toolbar, .blog-index-list .toolbar {
    width: 100%;
}

.blog-cat-view .pager .pages li, .blog-index-list .pager .pages li a {
    color : #687178!important;
    background: transparent;
}

.blog-cat-view .pager .pages li.current, .blog-index-list .pager .pages li.current {
    background-color: #00a983;
    color : #FFFFFF!important;
}

.blog-index-list .block-blog .menu-recent ul li,.block-blog .menu-categories ul li{
    position: relative;
}

.blog-index-list .block-blog .block-content .menu-recent ul li a,.blog-index-list .block-blog .block-content .menu-categories ul li a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.blog-index-list .block-blog .block-content .menu-recent ul li:hover,.block-blog .menu-categories ul li:hover{
    opacity: 0.75;
}

.blog-post-view .menu-recent{
    margin: 30px 0;
}

/*
.blog-post-view .postWrapper .postContent {
    width:100%;
    max-width: 940px;
    margin: 0 auto;
}

.blog-post-view .postWrapper .postContent .full-size:parent  {
    max-width: none;
}


@media (max-width: 940px) {
    .blog-post-view .postWrapper .postContent {
        padding: 0 5%;
        width: 90%;
    }
}

@media (max-width: 940px) {
    .header-container.rf .header-bottom .global-container > div.infos > div {
        margin-left: 1rem!important;
    }
}
*/

/* Update new design */

#nav li.level-top:hover > a > span {
    color:#00a983;
}

#nav li.level-top > div {
    border-top: 2px solid #00a983!important
}

h2 {
    letter-spacing: 0!important;
}

@media (max-width: 640px) {
    .header-container.rf {
        border-bottom: 1px solid #00a983;
    }
    
}

@media (max-width: 480px) {
    .header-container.rf .header-bottom .global-container > div.infos > div {
        margin-left: 1rem!important;
    }
}


.page-title h1 {
    font-size: 2.5rem;
    color: #00a983;
    text-transform: none;
}

.col-left .block-layered-nav .block-title {
    color: #00a983 !important;
    letter-spacing: 0px !important;
    font-weight: 700!important;
}

.container {
    width: 100%;
    max-width: 1140px;
}


/* New pages */

.cms-engagement-rse .main, .cms-about .main, .cms-recyclage-telephone .main, .cms-materiel-neuf .main, .cms-planete-urgence .main, .cms-sos-villages-enfants .main, .cms-reparation-telephone .main, .cms-reprise-telephone .main, .cms-services .main {
    max-width: none;
}

@media (max-width: 1200px) {
    .cms-engagement-rse .main, .cms-about .main, .cms-recyclage-telephone .main, .cms-materiel-neuf .main, .cms-planete-urgence .main, .cms-sos-villages-enfants .main, .cms-reparation-telephone .main, .cms-reprise-telephone .main, .cms-services .main {
        max-width: none!important;
    }
}


@media (max-width: 1024px) {
    .cms-engagement-rse .main, .cms-about .main, .cms-recyclage-telephone .main, .cms-materiel-neuf .main, .cms-planete-urgence .main, .cms-sos-villages-enfants .main, .cms-reparation-telephone .main, .cms-reprise-telephone .main, .cms-services .main {
        margin: 0 !important;
    }
}


.breadcrumbs {
    max-width: 1140px;
    margin: 0 auto;
}

.hide-container {
    display:none;
}

.color-studio {
    background-color: #e4214c;
}

.container-release p {
    font-size: 1.1rem;
    color: #212121!important;
}

.container-release h2 {
    color: #00A983;
}

.container-release h3{
    color: #3a3a3a!important;
}

.container-release button{
    margin: 20px 0;
}

.container-release ul li{
    font-size: 1.1rem;
    color: #212121!important;
    list-style-type: circle;
    margin-top: 10px;
    margin-left: 20px;
}

.container-release .strong {
    font-weight: 700;
}

/* Banner release */

.container-release .banner-header {
    color: white;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-release .banner-header-team {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-team-min.jpg) center center no-repeat;
    background-size: cover;
}


.container-release .banner-header-rse {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-rse-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header-sos {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-sos-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header-planete {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-planete-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header-services {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-services-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header-new {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-new-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header-recycle {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-recycle-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header-repare {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-repare-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header-recovery {
    background: url(https://connexing.fr/media/wysiwyg/assets/header/header-recovery-min.jpg) center center no-repeat;
    background-size: cover;
}

.container-release .banner-header .content-banner-header {
    text-shadow: 1px 4px 5px rgba(0,0,0,0.5);
    text-align:center;
}

.container-release .banner-header .content-banner-header h1 {
    font-family: 'Montserrat';
    font-size:3rem;
}
.container-release .banner-header .content-banner-header p {
    font-size:1.5rem;
    color: white!important;
}

/* President Word */

.container-release .president-word {
    padding: 20px 0 40px 0;
}

.container-release .president-word .content-president-word{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.container-release .president-word .name-president-word{
    text-align: right;
    font-style:italic;
}

.container-release .president-word p{
    color:white !important;
    padding: 0 20px;
}

.container-release .president-word object{
    margin-top: 20px;
}

/*  */

.container-item {
    margin: 30px 0;
}

.content-item {
    padding-bottom: 30px;
    width: 90%;
    margin: 0 auto;
}

.content-item p {
    
}

.content-item img, .container-item img {
    width: 100%
}

.content-item h3 {
    margin-bottom: 10px !important;
}

.content-item .sub-h3 {
    width: 65px;
    height: 3px;
    border: none;
    margin-bottom: 10px;
}

.content-item.center-align .sub-h3 {
   margin: 0 auto 10px auto;
}

.content-item .icon-content-item {
    width: 4.5rem;
}

/* stats */

.stats-rse {
    background-color: #eeeeee;  
    padding: 50px 0;
}

.item-stats-rse img {
    width: 5rem;
}
.item-stats-rse .content-stats-rse {
    color: #687178;
    margin-top: 0.5rem;
}
.item-stats-rse .strong-content-stats-rse {
    font-weight: 700;
    font-size: 2rem;
}


/* partnership-rse */

.partnership-rse img {
    width: 90%;
    margin-bottom: 40px;
}


/* Certificat RSE */

.certificat-rse {
    margin: 20px 0;
}

.certificat-rse h3, .content-white h3 {
    color: white!important;
}

.certificat-rse p, .content-white p {
    color: white!important;
}

.certificat-rse img {
    margin: 10px 0 30px 0;
}

.certificat-rse .content-item {
    
}

/* rse-content */

.rse-content{
    margin: 20px 0;
}

.rse-content .content-item{
    margin-top: 50px;
}

/* category-list */

.category-list img {
    width: 100%;
    margin-bottom:20px;
}

/* process-list */

.process-list .number-process-list{
    font-size: 7rem;
    font-family: 'Montserrat';
    font-weight: 700;
    color: #0eb48d !important;
}

.process-list .reconditioning-item {
    background: left / initial no-repeat url("https://connexing.fr/media/wysiwyg/Icons/service/eco-1reconditioning.svg");
}

/* quotation-item */

.quotation-item {
    margin: 60px auto;
    background: url(https://connexing.fr/media/wysiwyg/assets/rse/banner-quotation-min.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
}

.quotation-item p {
    font-size: 2rem;
    font-weight: 700;
}

.quotation-item .button-transparent {
    border-color: black;
    color: black !important;
}

.quotation-item .button-transparent:hover {
    background-color: black!important;
    color: white !important;
}


/* ------------------------------------ Footer release ------------------------------------ */

.footer-top {
    background: #00A983;
    height: 4px;
}

.footer-bottom {
    background-color: #293d49;
}

.footer-inner {
    padding: 1rem 0!important;
    width:auto;
}

.footer-container p.heading {
    color: white;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.footer-bottom .socialNetworkList img {
    margin: 0 10px;
}

.footer-bottom .addressFooter {
    color: white;
    margin: 30px auto ;
}

.footer-bottom .footer-inner .address {
    width: 100%;
    text-align: center;
}

@media (max-width: 640px) and (min-width: 320px) {

    .footer-top {
        height: 4px!important;
    }
    
    .footer-bottom .footer-inner .address, .footer-bottom .footer-inner .heading, .footer-bottom .footer-inner table, .footer-bottom .footer-inner .footer_text {
        display: block !important;
    }

}

@media (max-width: 640px) and (min-width: 320px) {
    .footer-bottom .footer-inner .address {
        display: block!important;
    }
}

.footer address, .footer p {
    text-align: right
}

.footer ul li {
    display: inline
}

.footer-container .bottom-container {
    text-align: center
}

.footer-container .form-list .input-text {
    border: none;
    background: transparent;
    border-bottom: 2px solid #FFFFFF;
    padding: 8px 0;
    font-size: 16px;
    width: 223px;
    color: white;
}

.footer-container .newsletterBlock, .footer-container .qualityBlock, .footer-container .paiementBlock {
    margin: 30px auto;
}

.footer-container .qualityBlock img {
    width: 60px;
    margin: auto 10px;
}

.footer-container .paiementBlock img {
    width: 50px;
    margin-bottom: 4px;
}

.footer-container .seoLinks {
    margin-bottom:20px;
    text-align: center;
}

.footer-container .seoLinks div {
    margin-bottom:20px;
    text-align: center;
    padding-bottom: 10px;
}

.footer-container .seoLinks strong {
    font-size:20px;
    color:white;
}

.footer-container .seoLinks a {
    color:#949ea4;
    border: 0;
}

.footer-container .links {
    text-align: center;
    font-weight:600;
    letter-spacing: 0.7px;
}

.footer-container .phone-number {
    display: none;
}


.footer-container button {
    background-color: white;
    border-radius: 0px;
    margin-top: 10px;
}

.footer-container button span {
    color: #293d49;
}

.footer-container .links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-bottom .links li {
    display: inline-block;
    margin: 20px 8px;
}


.footer-bottom .links li a {
    color: #00A983;
}

@media (max-width: 640px) and (min-width: 320px) {
    .footer-bottom .links li {
        display: block;
    }
}

@media (max-width: 640px) and (min-width: 320px) {
    .footer-bottom .footer-inner {
        padding: 0;
    }
}

/* Search bar */

.header-bottom .searchautocomplete {
    border-radius: 5px;
    padding: 6px 17px;
    border: 1px solid #00a983;
}

.header-bottom .searchautocomplete:after {
    display: none;
}

.header-bottom .searchautocomplete.focused {
    box-shadow: 0px 0px 10px #00a983;
}

.header-bottom .searchautocomplete{
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.header-bottom .searchautocomplete:active {
    box-shadow: 0px 0px 10px #00a983;
}

/* Phone number */

.header-container.rf .header-bottom .global-container > div.phone-number{
    margin:24px 0 0 16px;
}

.top-phone-number {
    color: #00A983;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    margin: 0;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}

nav, nav a {
    color: #fff
}

.top-phone-number .number-large {
    font-size: 18px;
    top: 5px;
    margin-left: 5px;
    text-align: left;
}

@media (max-width: 640px) {
    .header-container.rf .header-bottom .phone-number .top-phone-number .number-large {
        font-size: 24px!important;
        width: 100%;
    }
}

.top-phone-number p {
    position: absolute;
    top: 6px;
    font-size: 15px;
    margin: 0 auto;
    left: 6px;
}

.top-phone-number-desktop {
    display: inline;
    width: 228px;
}

.top-phone-number-mobile {
    display: none
}

@media (min-width: 320px) and (max-width: 640px) {
    .top-phone-number p {
        font-size: 19px;
        width: 165px;
        top: 8px;
    }

    .top-phone-number .number-large {
        font-size: 15px;
        top: 5px
    }
}


/* Formulaire 

.webforms-index-index {

}

.webforms-index-index .sidebar, .cms-formulaire-de-cotation .sidebar {
    display: none;
}

.webforms-index-index .col-main, .cms-formulaire-de-cotation .col-main {
    width: 100%;
}

.webforms-index-index .form-list li, .cms-formulaire-de-cotation .form-list li {
    display: flex;
    justify-content: center;
}

.webforms-index-index h2.block-title, .cms-formulaire-de-cotation h2.block-title {
    text-align: center;
}



.webforms-index-index .form-list .field, .cms-formulaire-de-cotation .form-list .field  {
    margin: 0 15px;
}

.webforms-index-index .form-list input.input-text, .cms-formulaire-de-cotation .form-list input.input-text  {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 10px;
}

.webforms-index-index .form-list select.input-text, .cms-formulaire-de-cotation .form-list select.input-text  {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 10px;
}

.webforms-index-index .form-list textarea.input-text, .cms-formulaire-de-cotation .form-list textarea.input-text  {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 10px;
}



.webforms-index-index .col-main .block .block-title {
    background-color: transparent;
    border-bottom: none;
    font-size: 30px;
    padding-bottom: 30px;
    text-transform: none;
    color: #00a983;
    font-family: 'Montserrat', sans-serif;
}


.webforms-index-index .col-main .block {
    border: none;
}

.webforms-index-index .form-list li.control {
    display: inline-block;
    margin: 5px 10px;
}

*/
html[lang^="nl"] .product-shop .price-box .regular-price .price, .product-shop .price-box .special-price .price
{
 padding: 0;
 margin-right: 0px;
 font-size: 19px;
 background: none;
}

html[lang^="nl"] .product-shop .regular-price
{
 display: inline-block;
 padding: 0;
 line-height: 23px;
 text-align: left !important;
}

html[lang^="nl"] .price-19
{
 padding: 0;
 margin-right: 0;
 font-size: 13px;
 background: none;
 line-height: 16px;
}

html[lang^="nl"] .searchautocomplete-placeholder .price-19
{
 color: #FF9000;
 font-size: 13px;
}

html[lang^="nl"] .mini-products-list .product .regular-price .price,
html[lang^="nl"] .mini-products-list .product .special-price .price
{
 font-size: 14px;
}

html[lang^="nl"] #nav li.level-top > a > span
{
 padding: 3px 0 0 0;
}

html[lang^="nl"] .price-left
{
 width: 32%;
}

html[lang^="nl"] .sigle-tax
{
 top: -7px;
}

html[lang^="nl"] div.reinsurance-block div.reinsurance-content a.quote-button span
{
 font-size: 25px;
}

html[lang^="nl"] .ajaxcart-buttons button.button span
{
 padding-left: 20px;
}

html[lang^="nl"] .products-grid li span.in-stock { background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/stock-nl.png) no-repeat;}
html[lang^="nl"] .products-grid li span.out-of-stock { background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/epuise-nl.png) no-repeat;}

html[lang^="nl"] .product-shop .blocBottom .rightInfo .actions .options-separator a .label
{
 font-size: 10px !important;
}
html[lang^="nl"] .product-shop .blocPriceInfo .leftInfo{
 width: 50%;
}
html[lang^="nl"] .product-shop .rightInfo .regular-price{
 text-align: right !important;
 line-height: 39px;
}
@media (max-width: 640px){
 html[lang^="nl"] .product-shop .price-box .regular-price .price, .product-shop .price-box .special-price .price{
  font-size: 26px !important;
 }
}
@media (max-width: 480px){
 html[lang^="nl"] .product-shop .rightInfo .regular-price{
  text-align: center !important;
 }
}
/*Italie*/

html[lang^="it"] button.button span,
html[lang^="it"] .product-shop .blocBottom .rightInfo .actions .options-separator a .label
{
    font-size: 10px !important;
}
html[lang^="it"] div.reinsurance-block div.reinsurance-content a.quote-button span:nth-child(2)
{
    font-size: 22px;
    line-height: 33px;
    letter-spacing: 0px;
    margin-left: -14px;
    margin-bottom: -2px;
}

html[lang^="it"] .products-grid li span.in-stock
{ background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/stock-it.png) no-repeat; }

html[lang^="it"] .products-grid li span.out-of-stock
{ background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/epuise-it.png) no-repeat; }

.checkout-cart-index .cart .bottom form ul.checkout-types button.button span,
.checkout-onepage-index .opc .step.a-item .buttons-set#review-buttons-container button.button span{
    font-size: 18px!important;
}
.checkout-cart-index .cart .bottom form .block-discount .buttons-set button.button span{
    font-size: 13px!important;
}
.checkout-cart-index button.button.btn-update > span span,
.checkout-onepage-index .opc .step#checkout-step-login button.button span span,
.checkout-onepage-index .opc .step.a-item .buttons-set button.button span span{
    font-size: 12px!important;
}
@media (min-width: 640px) {
    div.reinsurance-block div.reinsurance-content a.quote-button span:nth-child(2) {
        font-size: 16px;
    }
}

html[lang^="es-es"] .product-shop .blocBottom .rightInfo .actions .options-separator a .label
{
    font-size: 10px !important;
}

/**
 * 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@magento.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.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.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.connexing.be/nl/../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.connexing.be/nl/../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.connexing.be/nl/../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.connexing.be/nl/../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.connexing.be/nl/../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.connexing.be/nl/../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.connexing.be/nl/../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.connexing.be/nl/../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.connexing.be/nl/../skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}
.wrapper_shadow
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(102, 102, 102, 0.7);
  display: none;
  z-index: 999;
}


#popup_cart_empty
{
	border: 0 transparent;
	border-radius: 0px;
	padding: 50px;
}

#popup_cart_empty .top
{
	display: block;
	margin-bottom: 10px;
}

#popup_cart_empty .top .title
{
	position: relative;
	font-size: 42px;
	padding-left: 50px;
	color: #b2c527;
}

#popup_cart_empty .top .title:before
{
  position: absolute;
  top: -18px;
  left: -10px;
	
  width: 55px;
  height: 61px;
  content: '';
}

#popup_cart_empty .bottom .left
{
	float: left;
	width: 50%;
}

#popup_cart_empty .bottom .left .title
{
	color: #000;
	font-size: 19px;
	line-height: 28px;
}

#popup_cart_empty .bottom .right
{
	position: relative;
	float: right;
	width: 50%;
	padding-top: 10px;
}

#popup_cart_empty .bottom .right .btn_close:hover
{
	cursor: pointer;
	opacity: 0.8;
}

#popup_cart_empty .bottom .right .btn_close 
{
  position: relative;
  top: auto;
  display: inline-block;
  right: auto;
	
  padding: 8px 27px 8px 32px;
	
  font-weight: normal;
  font-size: 17px;
  line-height: 1;
  border-radius: 5px;
  color: #fff;
  background: #ff9000;
}

#popup_cart_empty .bottom .right .btn_close:before
{
  position: absolute;
  top: 4px;
  left: 6px;
	
  width: 20px;
  height: 20px;
	
  background: transparent url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/sprite.png") 0px -62px no-repeat;
  content: '';
}

.re-euro.popup:hover
{
	cursor: pointer;
}

#popup_payment_info p
{
  color: #000000;
  padding: 10px 10px 10px 0;
	font-size: 10px;
}

#popup_payment_info ul li
{
	font-size: 10px;
 color: #000000;
}

.re-euro.popup:hover,
.re-truck.popup:hover
{
	cursor: pointer;
}

#popup_payment_info p
{
  color: #000000;
  padding: 10px 10px 10px 0;
	font-size: 10px;
}

#popup_payment_info ul li
{
	font-size: 10px;
 color: #000000;
}

#popup_payment_info
{
	width: 935px;
	top: 15%;
  left: 18%;
}

#popup_payment_info .left,
#popup_payment_info .right
{
	width: 455px;
}

#popup_payment_info .warning p
{
	padding: 0;
	color: #000000;
}

#popup_payment_info .warning
{
	position: relative;
	width: 410px;
	margin: 0 auto;
	background: #b6c90d;
	border-radius: 4px;
	padding: 2px 2px 2px 40px;
}

#popup_payment_info .warning:before
{
	position: absolute;
  top: 2px;
  left: 11px;
  width: 20px;
  height: 20px;
	
  background: transparent url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/sprite.png") 0px -82px no-repeat;
	
  content: '';
}

#popup_payment_info .middle
{
	margin-top: 14px;
}

#popup_payment_info .title_wrapper p
{
	position: relative;
	width: 40%;
	color: #fff;
	font-size: 11px;
	background: #557483;
	padding: 3px;
	line-height: 1;
	border-radius: 3px;
}

#popup_payment_info .title_wrapper
{
	position: relative;
}

#popup_payment_info .content_wrapper
{
	position: relative;
}


#popup_payment_info .image_wrapper
{
	position: absolute;
	top: 50%;
	left:0; 
	width: 116px;
	height: 116px;
	line-height: 116px;
	vertical-align: middle;
	margin-top: -58px;
	text-align: center;
}

#popup_payment_info .image_wrapper img
{
	vertical-align: middle;
	max-height: 116px;
	max-width: 116px;
}

#popup_payment_info .image_wrapper
{
	position: absolute;
	top: 50%;
	left:0; 
	width: 116px;
	height: 116px;
	line-height: 116px;
	vertical-align: middle;
	margin-top: -58px;
	text-align: center;
}

#popup_payment_info .image_wrapper img
{
	vertical-align: middle;
	max-height: 116px;
	max-width: 116px;
}

#popup_payment_info .content
{
	width: 310px;
	margin-left: 130px;
	float: left;
}

#popup_payment_info .title_wrapper:after
{
  position: absolute;
  top: 12px;
  right: 0px;
	
  width: 246px;
  height: 2px;
  background: transparent url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/repeat-x_after_title.png") repeat-x;
	
  content: '';
}

#popup_payment_info .bottom
{
  width: 437px;
	margin: 0 auto;
}

#popup_payment_info ul li
{
	
}

#popup_deliver_info
{
	border: 0;
	width: 552px;
	padding-bottom: 40px;
}

#popup_deliver_info .top,
#popup_deliver_info .mid
{
	margin-bottom: 20px;
}

#popup_deliver_info .top > img
{
	margin-bottom: 20px;
}

#popup_deliver_info span
{
	color: #000000;
	font-size: 13px;
}

#popup_deliver_info .bottom 
{
	position: relative;
  margin: 0 auto;
  width: 440px;
}

#popup_deliver_info .bottom .left,
#popup_deliver_info .bottom .right
{
	float: left;
}

#popup_deliver_info .bottom .left
{
 width: 211px;
}

#popup_deliver_info .bottom .right
{ 
  width: 233px;
	position: absolute;
	right: 0;
	top: -8px;
}

#popup_deliver_info .bottom .left span,
#popup_deliver_info .bottom .right span
{
	display: block;
	text-align: center;
}

#popup_deliver_info .bottom .left span.sigle,
#popup_deliver_info .bottom .right span.sigle
{
 display: inline-block;
}

#popup_deliver_info .bottom .left span.title,
#popup_deliver_info .bottom .right span.title
{
	background: #c4ccd2;
	text-transform: uppercase;
	line-height: 1;
	height: 28px;
	line-height: 28px;
}

#popup_deliver_info .bottom .left span.time,
#popup_deliver_info .bottom .right span.time
{
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #c8d0d5;
}

#popup_deliver_info .bottom .left span.price,
#popup_deliver_info .bottom .right span.price
{
	position: relative;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #c8d0d5;
	color: #fc6606;
	font-size: 40px;
}

#popup_deliver_info .bottom .left span.price .sigle,
#popup_deliver_info .bottom .right span.price .sigle
{
  color: #fc6606;
  font-size: 20px;
  position: absolute;
  top: -8px;
}


#popup_deliver_info .bottom .left
{
	border-top: 1px solid #7a7a7a;
	border-left: 1px solid #7a7a7a;
	border-bottom: 1px solid #7a7a7a;
}

#popup_deliver_info .bottom .left span.infos,
#popup_deliver_info .bottom .right span.infos
{
	height: 115px;
	margin-top: 15px;
	text-align: left !important;
}

#popup_deliver_info .bottom .left span.infos span,
#popup_deliver_info .bottom .right span.infos span
{
	text-align: left !important;
	margin-left: 34px;
}

#popup_deliver_info .bottom .right span.infos
{
	height: 131px;
}

#popup_deliver_info .bottom .right .infos span:first-child
{
 color: #fd6703;
}

#popup_deliver_info .bottom .right .infos .trip
{
  margin-top: 15px;
	margin-left: 0;
}

#popup_deliver_info .bottom .right .infos .trip span
{
  width: 150px;
  margin: 0 auto;
  text-align: center !important;
  color: #fd6703;
  font-size: 16.5px;
}

#popup_deliver_info .bottom .right
{
	border: 2px solid #fd6703;
	background-color: #fff;
	
	-moz-box-shadow: 0px 0px 21px 0px #000000;
	-webkit-box-shadow: 0px 0px 21px 0px #000000;
	-o-box-shadow: 0px 0px 21px 0px #000000;
	box-shadow: 0px 0px 21px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=21);
}

/** Popup Add to Cart **/

body #ajaxcart_content_option_product
{
 overflow-y: hidden !important;
 max-height: 530px;
 width: 470px;
 background-color: #FFF;
 margin-left: -235px
}

#popup_addtocart.mini-products-list
{
 max-height: 250px;
 overflow-y: auto;
}

#popup_addtocart.mini-products-list .product
{
 width: 100%;
 height: auto;
}

#popup_addtocart.mini-products-list .product .product-name
{
 min-height: 32px;
 text-transform: uppercase;
 font-size: 14px !important;
 padding-left: 17px;
 text-align: left;
}

#popup_addtocart .price-box,
#popup_addtocart button.button.add-to-cart.small
{
 display: inline-block;
}

#ajaxcart_content_option_product .price-box
{
 display: inline-block;
 height: 30px;
 margin: 10px 0 0 0;
 background-color: #283C49;
 border-radius: 5px;
 padding: 0 5px 0 5px;
 font-size: 12px;
 min-width: 130px;
 text-align: center;
}

#ajaxcart_content_option_product .ajaxcart-product-infos .price-box
{
 margin-top: 25px;
 margin-left: 180px;
}

#ajaxcart_content_option_product .ajaxcart-product-infos .price-box .price-including-tax
{
 display: none;
}

#popup_addtocart.mini-products-list .product .special-price .label,
#ajaxcart_content_option_product .price-box .special-price .label,
#popup_addtocart.mini-products-list .product .regular-price .label,
#ajaxcart_content_option_product .price-box .regular-price .label
{
 color: #FFF;
 font-size: 11px;
 font-weight: normal;
}

#popup_addtocart.mini-products-list .product .special-price .price,
#ajaxcart_content_option_product .price-box .special-price .price,
#popup_addtocart.mini-products-list .product .regular-price .price,
#ajaxcart_content_option_product .price-box .regular-price .price
{
 display: inline;
 float: none;
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 13px;
 line-height: 16px;
 font-weight: 600;
 background: none;
}
#ajaxcart_content_option_product .price-label-teaser,
#popup_addtocart .price-label-teaser
{
 font-size: 10px;
}
#popup_addtocart div.product-details
{
 float: right;
 width: calc(100% - 87px);
}

#popup_addtocart div.product-details .price-box
{
 float: left;
 margin: 10px 17px 0 17px;
}

#popup_addtocart a.product-image
{
 display: inline-block;
 width: 85px;
 height: 85px;
}

#popup_addtocart.mini-products-list .product button.button.add-to-cart.small
{
 position: relative;
 float: left;
}

#ajaxcart_content_option_product .ajaxcart-buttons
{
 clear: both;
}

#ajaxcart_content_option_product > .ajaxcart-product-image
{
 float: left;
 padding-left: 15px;
}

#ajaxcart_content_option_product > p
{
 margin: 15px 0;
 font-size: 14px;
 color: #283c49;
 border-bottom: solid 2px #ff9000;
 text-transform: uppercase;
 text-align: left;
 position: relative;
 font-weight: bold;
 clear: both;
}

#ajaxcart_content_option_product > p:first-child
{
 margin: 0 0 20px;
 padding-left: 5px;
 margin-left: 45px;
 font-size: 17px;
 color: #547483;
}

#ajaxcart_content_option_product > p:first-child:before
{
 position: absolute;
 top: -5px;
 left: -35px;
 width: 30px;
 height: 30px;
 background: rgba(0, 0, 0, 0) url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/sprite.png") 0px -107px no-repeat;
 content: '';
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping,
#ajaxcart_content_option_product #ajaxcart_checkout
{
 height: 30px;
 width: 160px;
 background-color: #ff9000;
 text-transform: uppercase;
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping
{
 float: left;
 position: relative;
}

#ajaxcart_content_option_product #ajaxcart_checkout
{
 float: right;
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping span,
#ajaxcart_content_option_product #ajaxcart_checkout span
{
 font-size: 11px;
 line-height: 32px;
 float: none;
 font-weight: 800;
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping span:before
{
 position: absolute;
 width: 30px;
 height: 30px;
 top: 5px;
 left: 3px;
 background: rgba(0, 0, 0, 0) url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/sprite.png") 0px -135px no-repeat;
 content: '';
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping:hover
{
 background-color: #b0c934;
}

#ajaxcart_content_option_product #ajaxcart_checkout
{
 background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_button-add-to-cart-small.png) no-repeat 0 0;
}

#ajaxcart_content_option_product #ajaxcart_checkout:hover
{
 background-position: 0 -30px;
}

#ajaxcart_content_option_product .ajaxcart-product-infos
{
 display: inline-block;
 margin-top: 35px;
 width: calc(100% - 130px);
}

#ajaxcart_content_option_product .ajaxcart-product-infos h2
{
 font-size: 14px;
 color: #547483;
 text-transform: uppercase;
 font-weight: bold;
}

#ajaxcart_content_option_product .regular-price
{
 color: #FFF;
}

#ajaxcart_content_option_product .ajaxcart-buttons
{
 clear: both;
}

#ajaxcart_content_option_product > .ajaxcart-product-image
{
 float: left;
 padding-left: 15px;
}

#ajaxcart_content_option_product > p
{
 margin: 15px 0;
 font-size: 14px;
 color: #283c49;
 border-bottom: solid 2px #ff9000;
 text-transform: uppercase;
 text-align: left;
 position: relative;
 font-weight: bold;
 clear: both;
}

#ajaxcart_content_option_product > p:first-child
{
 margin: 0 0 20px;
 padding-left: 5px;
 margin-left: 45px;
 font-size: 17px;
 color: #547483;
}

#ajaxcart_content_option_product > p:first-child:before
{
 position: absolute;
 top: -5px;
 left: -35px;
 width: 30px;
 height: 30px;
 background: rgba(0, 0, 0, 0) url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/sprite.png") 0px -107px no-repeat;
 content: '';
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping,
#ajaxcart_content_option_product #ajaxcart_checkout
{
 height: 30px;
 width: 160px;
 background-color: #ff9000;
 text-transform: uppercase;
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping
{
 float: left;
 position: relative;
}

#ajaxcart_content_option_product #ajaxcart_checkout
{
 float: right;
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping span,
#ajaxcart_content_option_product #ajaxcart_checkout span
{
 font-size: 11px;
 line-height: 32px;
 float: none;
 font-weight: 800;
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping span:before
{
 position: absolute;
 width: 30px;
 height: 30px;
 top: 5px;
 left: 3px;
 background: rgba(0, 0, 0, 0) url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/sprite.png") 0px -135px no-repeat;
 content: '';
}

#ajaxcart_content_option_product #ajaxcart_continue_shopping:hover
{
 background-color: #b0c934;
}

#ajaxcart_content_option_product #ajaxcart_checkout
{
 background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/refonte/bkg_button-add-to-cart-small.png) no-repeat 0 0;
}

#ajaxcart_content_option_product #ajaxcart_checkout:hover
{
 background-position: 0 -30px;
}

#ajaxcart_content_option_product .ajaxcart-product-infos
{
 display: inline-block;
 margin-top: 35px;
 width: calc(100% - 130px);
}

#ajaxcart_content_option_product .ajaxcart-product-infos h2
{
 font-size: 14px;
 color: #547483;
 text-transform: uppercase;
 font-weight: bold;
}


 /*
 Popup Add to Cart:
   add Nicolas GESLIN
   extra info  (under buttons see my cart)
 */
   .wrapper-extra-info
   {
    padding: 10px 0 10px 0;
    width: 100%;
    text-align:center;
    box-sizing:border-box;
   }
  .extra-info-product
  {
   color :#e40606;
   font-size: 14px;
   font-weight: 600;
  }

/*
 Popup pro Warranty :
  Add Nicolas GESLIN
  Created 08/25/2015
  1.popup wrapper
  2.left side
   - warranty left warranty logo

  3.right side
   - warranty title
   - warranty subtitle
   - warranties list block
     - warranty list
     - exposant price
 */
/*===== popup wrapper ====*/
#popup_pro_warranty
{
 width: 640px;
 padding: 10px 10px;
 border: none;
}

  .popup_block p.subtitle-pro-warranty
  {
   color: #283c49;
   padding: 0px 10px 0px 0;
  }

/*===== left  side ====*/
/*===== warranty left warranty logo =====*/
#popup-left-side
{
 float:left;
 width:auto;
}

/*===== right side =====*/
#popup-right-side
{
 float:right;
 width: 80%;
}

  /*===== warranty title =====*/
  .wrapper-title-pro-warranty
  {
   width:100%;
   box-sizing:border-box;
   padding: 0px 10px 10px 0;
   margin-left:10px;

  }
  .title-pro-warranty
  {
   font-size: 30px;
   font-weight: 700;
   color: #ff9000;
   padding:0;
  }

  /*===== warranty subtitle===== */
  .subtitle-pro-warranty
  {
   font-size: 12px;
   color: #000;
   padding: 0px 10px 0 0;
   font-weight: 600;
  }

   /*===== warranties list block=====*/
  .wrapper-list-pro-warranty
  {
   width: 100%;
   box-sizing: border-box;
  }

     /*===== warranty list ===== */
    .wrapper-list-pro-warranty ul
    {
     width: 49%;
     box-sizing: border-box;
     float: left;
    }

      .wrapper-list-pro-warranty li
      {
       display: block;
       font-size: 12px;
       color: #000;
       line-height: 58px;
       height: 58px;
       font-weight: 600;
      }

     .wrapper-list-pro-warranty li span
     {
      width: 60%;
      display: inline-block;
      padding-left: 10px;
      line-height: 16px;
      vertical-align: middle;
     }

     .wrapper-list-pro-warranty li img,
     .wrapper-list-pro-warranty li span
     {
      vertical-align: middle;
     }

      /*===== exposant price =====*/
     .wrapper-list-pro-warranty li span.exposant
     {
      position: relative;
      top: -6px;
      left: -9px;
      font-size: 8px;
      width: auto;
     }

.center-box
{
 margin: 0 auto;
 text-align:center;
}

.col-1-block .center-box
{
 padding-right: 5px;
}

div.add-to-cart-box
{
 min-height : 0;
 margin-bottom: 0;
}

div.delivered
{
 color: #ff6600;
 font-size: 12px;
 font-weight: bold;
 padding: 10px 10px 10px 10px;
 display: inline-block;
}

div.delivered span
{
 color: #283C49;
 font-weight: normal;
}

.product-view .short-description
{
 margin-right: 5px;
}
.number-phone
{
 color:#388d00;
}

.phone-label
{
 font-size: 13px;
 text-align: center;
 font-weight: bold;
}


.product-before-price
{
 font-size: 18px;
 padding-bottom: 14px;
}
.product-public-price
{
 font-size: 18px;
}


.price-label
{
 font-size: 16px;
 color: #676767;
 position: relative;
 top: 20px;
 left: 8px;
}

.price-label-teaser {
 font-family: "Source Sans Pro", sans-serif;
 color: #fdb65b;
 font-size: 14px;
 font-weight: 500;
 display: block;
}

.product-public-price
{
 font-size: 20px;
 float: right;
 font-weight: normal;
 color: #000;
}

.minimum-price-box
{
 background-color:transparent;
}

.catalog-product-view .product-shop .minimum-price-box
{
 color: #283c49;
 font-size: 42px;
 font-weight: bolder;
 font-family: Myriad Pro, Helvetica, sans-serif;
 text-align: right;
}

.minimum-price-box span.label
{
 font-size: 20px;
 position:relative;
 top: -17px;
 left:-5px;
}

.product-before-price
{
 font-size: 18px;
 padding-bottom: 14px;
 position:relative;
 left:12px;

}

.tier-price-normal .price
{
 font-weight: normal;
}

.one-price
{
 width: 100%;
 height: 19px;
 box-sizing: border-box;
 font-weight: normal;
 overflow: hidden;
 margin: 0 0 1px 0;
 padding: 0 5px;
 float: left;
 clear: both;
 text-align: left;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 font-size: 14px;
 line-height: 20px;
 /*  background: #466F82; */
 color: #FFF;
}

.product-shop .product-shop-block-content .col-1-block
{
 border-right:1px solid #aaa;
}

.price-right
{
 text-align: right;
 display: inline-block;
 float: right;
}

.price-left
{
 width: 40%;
 text-align: left;
 display: inline-block;
 float: left;
 border-right: 1px;
 border-left-color: #FFF;
 border-right-style: solid;
}

.tier-price-box-size
{
 width: 100%;
 box-sizing: border-box;
}

.product-shop .product-shop-block-content .col-2-block .add-to-cart-box
{
 margin: 0 auto;
 text-align: center;
}
.product-shop .product-shop-block-content .col-2-block .add-to-cart
{
 padding: 0px 0px 20px 0px;
}
.product-shop .product-shop-block-content .col-2-block .add-to-cart button
{
 float: none;
 display: inline-block;
}

.product-shop .product-shop-block-content .cotation-link .label span
{
 min-height: 28px;
}

.cotation-link
{
 display: inline-block;
}

.product-view .product-img-box .more-views
{
 margin: 0px;
 position: absolute;
 z-index: 10;
}

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

.product-view .product-img-box .more-views li
{
 float: none;
 padding: 1px;
 background-color: #DDD;
 margin: 3px;
}

.link-tier-options .price{
 display: block;
 font-size: 20px;
 text-align: left;
}

.sigle-tax
{
 font-size: 8px;
 position: relative;
 top: -8px;
 left: -3px;
}
.title-tier-options{
 border: 1px solid;
 padding: 10px;
 display: block;
 letter-spacing: 2px;
}
.buttonF:hover{
 opacity: 0.75;
}
.buttonF a{
 font-size: 13px;
 text-transform: uppercase;
 font-weight: bold;
}

.buttonF.louer a span.price{
 color: #547481;
 text-transform: none;
}
.buttonF.louer a span.label{
 background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/rent_little.svg') 95% 50% no-repeat #547481;
 display: block;
 padding: 8px 34px 8px 19px;
 color:white;
}
.buttonF.repair a span.label{
 background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/repare.svg') 95% 50% no-repeat;
 display: block;
 padding: 8px 34px 8px 19px;
}
.buttonF.repair a{
 color:#fdb65b;
}
.buttonF.eco.newState a span.label{
 background: none;
 padding: 8px 30px;
}
.buttonF.eco a span.label{
 background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/eco.png') 95% 50% no-repeat;
 display: block;
 padding: 8px 34px 8px 19px;
}
.buttonF.eco a .price{
 display: inline;
 padding-right: 3px;
}
.buttonF.eco.newState a{
 color: #547481;
}
.buttonF.eco a{
 color:#b8c635;
}
.buttonF:last-child{
 margin-right: 0;
}

.buttonF{
 display: inline-block;
 vertical-align: top;
 margin-right: 15px;
 margin-bottom: 10px;
}
.row-block
{
 clear: both;
 text-align: center;
}

span.phone-label
{
 display: block;
}

.mb-left span.phone-label
{
 margin-left: 20px;
}

span.phone-label > span
{
 display: block;
}

.options-separator.center-box
{
 margin-top: 20px;
}
/* mini products list( slide best sellers) :  price product */

.col-main .block-featured .block-content .mini-products-list li .product .price-box
{
 box-sizing: border-box;
 padding: 2px;
}
.mini-products-list .product .product-name
{
 min-height: 20px;
 height: 28px;
 overflow: hidden;
 margin: 10px 0;
}

.block-carroussel .mini-products-list .product .product-name
{
 min-height: 20px;
 height: 28px;
 overflow: hidden;
}

.block-carroussel .mini-products-list .product .product-name
{
 min-height: 20px;
 height: 28px;
 overflow: hidden;
}

.block-carroussel .mini-products-list .product .product-name
{
 min-height: 20px;
 height: 28px;
 overflow: hidden;
}

/* products list grid */
.product-shop .regular-price
{
 display: inline-block;
}
.product-view .section .box .mini-products-list .product .price-box
{
 padding: 0px 0px;
}
#block-related .price-label-teaser
{
 display:block;
}

body #ajaxcart_content_option_product {
    border-radius: 2px;
    border:none;
}
#popup-empty-cart .general{
    padding: 43px 40px 23px;
}
#popup-empty-cart{
    width: 290px;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    bottom: 0;
    right: 0;
    top: 0!important;
    left: 0!important;
    position: absolute;
    margin: auto;
    height: 220px;
}
#popup-empty-cart .top {
    margin-bottom: 18px;
}
#popup-empty-cart .top:before{
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    width: 55px;
    height: 61px;
    content: '';
    background: transparent url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/empty_cart.svg) 0 0 no-repeat;
    margin: 26px auto;
}
#popup-empty-cart .top .title:before{
    background: none;
}
#popup-empty-cart .top .title {
    position: relative;
    padding-left: 0;
    color: #282828;
    text-align: center;
    font-size: 16px;
    padding-top: 59px;
    display: block;
}
#popup-empty-cart .close a span,#ajaxcart_content_option_product .close a span {
    font-size: 0;
}
#popup-empty-cart .close a:after,#ajaxcart_content_option_product .close a:after {
    position: absolute;
    width: 24px;
    height: 21px;
    content: '';
    background: transparent url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/close.svg) 0 0 no-repeat;
    right: 4px;
    top: 5px;
}
#ajaxcart_content_option_product .close a:after{
    right: -5px;
    top: -6px;
}
#popup-empty-cart .close a,#ajaxcart_content_option_product .close a {
    display: block;
    text-align: right;
    position: relative;
}
#popup-empty-cart .close a.btn_close{
    top: 0;
    right: 0;
}
#popup-empty-cart .bottom .btn_close {
    position: relative;
    top: initial;
    right: initial;
    text-align: center;
    display: block;
    max-width: 290px;
    margin: auto;
    padding: 14px;
    border-radius: 25px;
    text-transform: uppercase;
    color: white;
    background:  #b2c527;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}
#ajaxcart_content_option_product.block .general-div-popup:before{
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    width: 54px;
    height: 54px;
    content: '';
    background: transparent url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/validation.svg) 0 0 no-repeat;
    margin: 26px auto;
}
#ajaxcart_content_option_product .general-message   {
    margin-top: 70px;
    font-size: 16px;
    color: #282828;
}
body #ajaxcart_content_option_product .block-infos{
    margin: 25px auto 18px;
    max-width: 299px;
    box-shadow: 0 0 9px #888888;
    display: table;
    width: 100%;
}
body #ajaxcart_content_option_product .general-div-popup{
    width: 520px;
    font-family: 'Source Sans Pro', sans-serif;
    margin: auto;
    background: white;
    padding: 10px 10px 30px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
body #ajaxcart_content_option_product{
    width: 100%;
    max-height: 100%;
    background: rgba(0,0,0,0.75);
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
#ajaxcart_content_option_product .block-infos .img img{
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    float: none;
}
#ajaxcart_content_option_product .block-infos .img{
    display: inline-block;
    vertical-align: top;
    width: 34%;
    position: relative;
    height: 110px;
}
#ajaxcart_content_option_product .block-infos .ajaxcart-product-infos {
    display: inline-block;
    margin-top: 0;
    width: 63%;
    text-align: left;
    padding: 5px 0 5px 6px;
}
#ajaxcart_content_option_product .ajaxcart-product-infos h2 {
    font-size: 14px;
    color: #282828;
    text-transform: none;
    min-height: 50px;
}
#ajaxcart_content_option_product .ajaxcart-product-infos .price-box{
    margin-left: 0;
    margin-top: 0;
}
#ajaxcart_content_option_product .block-infos .price .price-label-teaser{
    display: none;
}
#ajaxcart_content_option_product .qty{
    color:#282828;
}
#ajaxcart_content_option_product .price{
    color:#fab45a;
    font-size: 16px;
    font-weight: bold;
    margin-top: 11px;
}
#ajaxcart_content_option_product .price-box{
    background: transparent;
    height: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    font-size: 12px;
    min-width: 0;
    text-align: center;
}
#ajaxcart_content_option_product .ajaxcart-buttons #ajaxcart_continue_shopping_info span{
    font-size: 12px;
    line-height: 0;
    float: none;
    font-weight: normal;
}
#ajaxcart_content_option_product .ajaxcart-buttons #ajaxcart_continue_shopping_info .info{
    font-size: 12px;
    line-height: 14px;
    float: none;
    font-weight: normal;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #282828;
}
#ajaxcart_content_option_product .ajaxcart-buttons #ajaxcart_continue_shopping_info {
    float: none;
    position: relative;
    width: 236px;
    background-color: transparent;
    text-transform: none;
    text-align: left;
    margin: auto auto 19px auto;
    height: 31px;
    line-height: 31px;
}
#ajaxcart_content_option_product #ajaxcart_continue_shopping_info span:before {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: -25px;
    background: none;
    content: 'i';
    border: 3px solid;
    color: #fab45a;
    border-radius: 50%;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
}
#ajaxcart_content_option_product #ajaxcart_continue_shopping:hover{
    background: transparent;
}
#ajaxcart_content_option_product #ajaxcart_continue_shopping span{
    font-size: 0;
}
#ajaxcart_content_option_product #ajaxcart_continue_shopping{
    float: none;
    width: 100%;
    font-size: 0;
    background: transparent;
}
#ajaxcart_content_option_product #ajaxcart_checkout span{
    display: block;
    line-height: 17px;
    padding: 9px 0;
    font-size: 12px!important;
    float: none;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Source Sans Pro', sans-serif;
}
#ajaxcart_content_option_product #ajaxcart_checkout{
    float: none;
    border-radius: 20px;
    background: #b2c527;
    height: initial;
    width: 211px;
}
#ajaxcart_content_option_product .general-div-popup > p.title{
    font-size: 18px;
    color: #547481;
    border-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-weight: 500;
    clear: both;
    width: 77%;
    margin: 20px auto;
}

#ajaxcart_content_option_product #popup_addtocart.mini-products-list .product {
    width: 30%;
    height: auto;
    display: inline-block;
    margin: 0 10px 10px 0;
    box-shadow: 0 0 9px #888888;
    padding: 0;
    vertical-align: top;
}
.catalog-category-view #ajaxcart_content_option_product .mini-products-list .product{
    float: none;
}
#ajaxcart_content_option_product #popup_addtocart div.product-details {
    float: none;
    width: 100%;
    text-align: left;
    min-height: 85px;
}
#ajaxcart_content_option_product #popup_addtocart a.product-image img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}
#ajaxcart_content_option_product #popup_addtocart a.product-image {
    display: block;
    width: auto;
    height: 139px;
    border: none;
    position: relative;
}
#ajaxcart_content_option_product #popup_addtocart.mini-products-list{
    max-width: 87%;
    margin: 28px auto 0;
    max-height: 250px;
    padding: 6px;
    text-align: left;
    overflow-y: auto;
}
#ajaxcart_content_option_product #popup_addtocart.mini-products-list .product .product-name {
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 6px 11px;
    text-align: left;
    min-height: initial;
    letter-spacing: 1px;
    font-weight: 500;
}
#ajaxcart_content_option_product #popup_addtocart div.product-details > .price{
    width: 62%;
    vertical-align: top;
    float: none;
    margin: 0;
    text-align: left;
    display: inline-block;
    margin-left: 10px;
}
#ajaxcart_content_option_product #popup_addtocart div.product-details .price-box{
    display: block;
    width: 100%;
    vertical-align: top;
    float: none;
    margin: 0;
    text-align: left;
}
#ajaxcart_content_option_product #popup_addtocart div.product-details .price-label-teaser{
    display: none;
}
#ajaxcart_content_option_product #popup_addtocart div.product-details form{
    float: none;
    margin: 0;
    text-align: right;
    display: inline-block;
    width: 28%;
    vertical-align: top;
}
#ajaxcart_content_option_product #popup_addtocart .mini-products-list button.button.add-to-cart.small span {
    font-size: 0;
}
#ajaxcart_content_option_product .mini-products-list button.button.add-to-cart.small span{
    font-size: 0px!important;
}
#ajaxcart_content_option_product #popup_addtocart.mini-products-list .product button.button.add-to-cart.small:before {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 1px;
    content: '+';
    border: 0;
    color: white;
    border-radius: 50%;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background: #fab45a;
}
#ajaxcart_content_option_product #popup_addtocart.mini-products-list .product button.button.add-to-cart.small {
    position: relative;
    float: none;
    width: 25%;
    display: inline-block;
    min-width: initial;
    background: transparent;
}
#ajaxcart_content_option_product .price-box .regular-price .price,#ajaxcart_content_option_product .price-box .regular-price .label {
    color: #fab45a;
    font-size: 16px;
}
#popup_addtocart.mini-products-list .product .product-details .special-price .price,
#ajaxcart_content_option_product .product-details .price-box .special-price .price,
#popup_addtocart.mini-products-list .product .product-details .regular-price .price,
#ajaxcart_content_option_product .product-details .price-box .regular-price .price {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    color: #fab45a;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    background: none;
}
#popup_addtocart.mini-products-list .product .product-details .special-price .label,
#ajaxcart_content_option_product .product-details .price-box .special-price .label,
#popup_addtocart.mini-products-list .product .product-details .regular-price .label,
#ajaxcart_content_option_product .product-details .price-box .regular-price .label {
    color: #fab45a;
    font-size: 16px;
    font-weight: bold;
}
#ajaxcart_content_option_product .price-including-tax .label{
    font-size: 12px !important;
    font-weight: normal!important;
}
#ajaxcart_content_option_product .price-including-tax,
#ajaxcart_content_option_product .price-box .special-price .price-including-tax .price {
    display: block;
    font-size: 12px!important; ;
    font-weight: normal!important;
}
.global-popin-addToCart{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    top: 0;
    left: 0;
    z-index: 999;
}

.header.tdc .links li:first-child{
    border-left: 0;
}
.header.tdc .links li{
    display: inline-block;
    float: none;
}
.header.tdc .links {
    float: none;
    position: relative;
    left: inherit;
    top: inherit;
    width: 100%;
    display: block;
    text-align: center;
}
.header.tdc .logo{
    display: inline-block;
    width: 20%;
}
.header.tdc .quick-access {
    float: none;
    margin: 0;
    display: inline-block;
    width: 60%;
    color: #b8c635;
    font-weight: 100;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    line-height: 17px;
    letter-spacing: 1px;
}
.header.tdc{
    padding: 0;
    position: relative;
    max-width: 940px;
    margin: auto;
    width: auto;
}
.header.tdc .logo:hover {
    opacity: 0.75;
}
.header.tdc .logo {
    margin: -3px -3px;
    padding: 0;
}
.header.tdc .infos {
    float: none;
    font-size: 12px;
    width: 20%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.header.tdc .phone-number .phone:before{
    position: absolute;
    content: '';
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/phone.png) 0 0 no-repeat;
    width: 33px;
    height: 44px;
    z-index: 99999;
    display: block;
    left: 14px;
    top: 6px;
}
.header.tdc .phone-number .phone span{
    display: block;
    padding-left: 53px;
    padding-top: 1px;
}
.header.tdc .phone-number .phone{
    font-size: 43px;
    line-height: 40px;
    position: relative;
    letter-spacing: 1px;
    font-weight: 400;
    z-index: 1;
}
.header.tdc .phone-number .text div:last-child{
    text-align: right;
}
.header.tdc .phone-number {
    padding-top: 14px;
    width: 320px;
    margin: auto;
}
.checkout-cart-index .header.tdc .infos .paiement{
    display: none;
}
.header.tdc .infos .customer .all a:hover{
    opacity: 0.75;
}
.header.tdc .infos .customer .all{
    padding: 15px;
    background: #547481;
}
.header.tdc .infos .customer{
    width: 100%;
    background: transparent;
    border-radius: 2px;
    height: inherit;
}
.header.tdc .infos .button-small span{
    float: none;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    height: initial;white-space: inherit;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: white;
    text-transform: uppercase;
    line-height: 20px;
}
.header.tdc .infos .button-small {
    position: relative;
    right: inherit;
    bottom: inherit;
    background-color: transparent;
    margin-left: 36px;
    text-align: center;
    letter-spacing: 1px;
    height: 36px;
    line-height: 36px;
}
.footer.tdc .text{
    text-align: center;
}
.footer.tdc{
    background: #547481;
    padding: 12px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    color:white;
}
.footer.tdc .links.footer-left ul li:first-child{
    border-left: none;
}
.footer.tdc .links.footer-left ul li:first-child a{
    padding-left: 0;
}
.footer.tdc .links.footer-left ul li a{
    color:white;
}
.footer.tdc .links.footer-left ul li{
    border-left: 1px solid white;
}
.footer.tdc .links.footer-left{
    max-width: 940px;
    width: auto;
    margin: 41px auto auto;
}
.checkout-cart-index .main,.checkout-onepage-index .main {
    position: relative;
    padding: 0;
    max-width: 940px;
    width: auto;
    margin: 0 auto;
}
.checkout-cart-index.managebg-img #link_left,.checkout-cart-index.managebg-img #link_right,.checkout-cart-index.managebg-img #link_top,
.checkout-onepage-index.managebg-img #link_left,.checkout-onepage-index.managebg-img #link_right,.checkout-onepage-index.managebg-img #link_top{
    display: none!important;
}
.checkout-cart-index.managebg-img,
.checkout-onepage-index.managebg-img {
    background: white!important;
}
.checkout-onepage-index.managebg-img .main-container,
.checkout-cart-index.managebg-img .main-container {
    background: white!important;
}
.checkout-cart-index .block-totals .block-content table td {
    font-size: 20px;
    color: #282828;
    padding: 10px 35px 10px 82px;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr:first-child td:last-child strong{
    padding-right: 17px;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr:first-child td strong{
    padding-left: 64px;
    font-size: 21px;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr:first-child td{
    color: white;
    padding: 16px;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tbody:last-child{
    display: none;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tbody .cancelPromo span{
    font-size: 0;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tbody .cancelPromo:before{
    position: absolute;
    width: 14px;
    height: 14px;
    top: -40px;
    left: 23px;
    content: '';
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/delete.png) 0 0 no-repeat;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tbody .cancelPromo{
    position: absolute;
    top:58px;
    left: 0;
    background: transparent;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tbody{
    position: relative;
}
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr:first-child{
    background: #547481;
    color: white;
    text-transform: uppercase;
}
.checkout-cart-index .block-totals .block-content{
    padding: 0;
}
.checkout-cart-index .block-totals {
    float: none;
    width: 100%;
    margin: 10px 0 14px;
    border: none;
    overflow: visible;
}
.checkout-cart-index {
    font-family: 'Source Sans Pro', sans-serif;
}
.checkout-cart-index .main .cart .page-title.title-buttons h1{
    text-align: center;
    float: none;
    font-size: 35px;
    font-weight: bold;
    padding: 8px 0;
    color:#507480;
    font-family: 'Source Sans Pro', sans-serif;
}
.checkout-cart-index .main .cart .page-title.title-buttons{
    text-align: center;
}
.checkout-cart-index .main .cart .messages li.notice-msg:after {
    background: #9A9A9A;
    content: 'i';
}
.checkout-cart-index .main .cart .messages li.success-msg:after {
    background: #00A651;
    content: '✔';
    font-weight: 100;
}
.checkout-cart-index .main .cart .messages li.error-msg:after {
    background: #FF6A6A;
}
.checkout-cart-index .main .cart .messages > li:after {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 11px;
    left: 15px;
    content: '!';
    font-size: 15px;
    color: white;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
}
.checkout-cart-index .main .cart .messages {
    text-align: left;
    position: relative;
}
.checkout-cart-index .main .cart .cart-table tbody tr td .product-name a:hover {
    opacity: 0.75;
}
.checkout-cart-index .main .cart .cart-table tbody tr td .product-name a {
    font-weight: bold;
    text-decoration: none;
    color: black;
    font-size: 16px;
}
.checkout-cart-index .main .cart .cart-table tbody tr td .product-image img {
    border: none;
}
.checkout-cart-index .main .cart .cart-table tbody tr td .btn-remove2:after{
    position: absolute;
    width: 14px;
    height: 14px;
    top: 11px;
    left: 15px;
    content: '';
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/delete.png) 0 0 no-repeat;
}
.checkout-cart-index .main .cart .cart-table tbody tr td .btn-remove2:hover{
    opacity: 0.75;
}
.checkout-cart-index .main .cart .cart-table tbody tr td .btn-remove2{
    position: relative;
    background: none;
    width: 100%;
    height: 28px;
}
.checkout-cart-index .main .cart .cart-table tbody tr td.qty span.increase {
    font-size: 22px;
    line-height: 20px;
    font-weight: normal;
}
.checkout-cart-index .main .cart .cart-table tbody tr td.qty span:hover {
    opacity: 0.75;
}
.checkout-cart-index .main .cart .cart-table tbody tr td.qty span {
    background: #838383;
    border-radius: 100%;
    vertical-align: top;
    width: 20px;
    height: 20px;
    display: inline-block;
    color: white;
    font-size: 45px;
    line-height: 12px;
    font-weight: 100;
    cursor: pointer;
}
.checkout-cart-index .main .cart .cart-table tbody tr td input.qty {
    text-align: center;
    font-size: 16px;
    border: none;
    background: transparent;
    width: 3em !important;
}
.checkout-cart-index .main .cart .cart-table tbody tr td{
    background: transparent;
    padding: 7px;
    vertical-align: middle;
    font-size: 16px;
    color: black;
}
.checkout-cart-index button.button.btn-update {
    margin-right: 117px;
    margin-top: 9px;
}
.checkout-cart-index button.button.btn-update > span  {
    display: block;
    height: 100%;
}
.checkout-cart-index button.button.btn-update > span span {
    color: #F4AA53;
    text-decoration: none;
    background: none;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 28px;
    padding: 10px 28px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
}
.checkout-cart-index .main .cart .cart-table tbody tr.even{
    background: white;
}
.checkout-cart-index .main .cart .cart-table tbody tr.odd{
    background: #E7E7E7;
}
.checkout-cart-index .main .cart .cart-table thead tr th span{
    white-space: inherit!important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #507480;
}
.checkout-cart-index .main .cart .cart-table thead tr th{
    border-bottom: none;
    border-right: none;
    background: white;
    width: 30px;
    padding: 7px;
}
.checkout-cart-index .main .cart .cart-table td{
    border:none!important;
    background: none;
}
.checkout-cart-index .main .cart .cart-table{
    border:none;
}
.checkout-cart-index .main .cart {
    margin-top: 26px;
}
.checkout-cart-index .messages >li {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important;
    background-image: none!important;
}
.checkout-cart-index .messages .notice-msg {
    border-color: #9A9A9A;
    background-color: #F0F0F0!important;
    border-left: 3px solid #9A9A9A!important;
}
.checkout-cart-index .messages .success-msg {
    border-color: #00A651;
    background-color: #E5FCF0!important;
    border-left: 3px solid #00A651 !important;
}
.checkout-cart-index .messages .error-msg {
    border-color: #FF6A6A;
    background-color: #FFDEDE!important;
    border-left: 3px solid #FF6A6A !important;
}
.checkout-cart-index .cart .bottom form .block-discount .block-title {
    text-align: left;
    background: transparent;
    color: #547481;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}
.checkout-cart-index .cart .bottom form .block-discount li.focused label {
    color:#B8C635;
    transition-duration: 0.8s;
}
.checkout-cart-index .cart .bottom form .block-discount li.focused input#coupon_code {
    border-bottom: 2px solid #B8C635;
    transition-duration: 0.8s;
}
.checkout-cart-index .cart .bottom form .block-discount input#coupon_code {
    width: 100%;
    border: none;
    border-bottom: 2px solid #7E7E7E;
    font-size: 16px;
    padding: 10px 0;
    position: relative;
    transition-duration: 0.8s;
}
.checkout-cart-index .cart .bottom form .block-discount .buttons-set button.button span {
    text-align: center;
    display: block;
    float: none;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
}
.checkout-cart-index .cart .bottom form .block-discount .buttons-set button.button span span{
    padding: 0;
}
.checkout-cart-index .cart .bottom form .block-discount .buttons-set a.cancelPromo span{
    text-align: center;
    display: block;
    float: none;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.checkout-cart-index .cart .bottom form .block-discount .buttons-set button.button {
    float: none;
    margin: 10px auto auto;
    text-align: center;
    padding: 11px;
    border-radius: 22px;
    text-transform: uppercase;
    min-width: 205px;
    background: #547481;
}
.checkout-cart-index .cart .bottom form .block-discount .buttons-set {
    padding: 5px;
    text-align: center;
}
.checkout-cart-index .cart .bottom form .block-discount .input-box {
    width: 100%;
    float: none;
    margin-top: 7px;
    text-align: left;
}
.checkout-cart-index .cart .bottom form .block-discount .form-list label{
    float: none;
    font-weight: 100;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
    text-align: left;
    display: block;
    font-size: 12px;
    transition-duration: 0.8s;
}
.checkout-cart-index .cart .bottom form .block-discount .block-content {
    border-top: 0;
    height: auto;
    width: 81%;
}
.checkout-cart-index .cart .bottom form .block-discount {
    width: 91%;
    margin: 0;
    float: none;
    display: block;
    border: none;
}
.checkout-cart-index .cart .bottom .buttons form{
    width: 125%;
}
.checkout-cart-index .cart .bottom .buttons .free{
    width: 125%;
}
.checkout-cart-index .cart .bottom .buttons .free span:after{
    content:'';
    position: absolute;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/alert.svg') 0 0 no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    top:-3px;
}
.checkout-cart-index .cart .bottom .buttons .free span{
    font-size: 16px;
    display: block;
    position: relative;
    width: 274px;
    margin: auto;
    color: black;
}
.checkout-cart-index .cart .bottom .buttons{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: center;
    margin-top: 15px;
}
.checkout-cart-index .cart .bottom {
    float: none;
    text-align: center;
    width: 85%;
    margin: 31px auto 8px;
}
.checkout-cart-index .cart .bottom form ul.checkout-types button.btn-checkout {
    background: #B8C635;
    background-size: cover;
    border-radius: 28px;
    padding: 12px;
    min-width: 295px;
    text-align: center;
}
.checkout-cart-index .cart .bottom form ul.checkout-types button.button span {
    font-size: 18px;
    padding: 0 0 0 5px;
    height: 27px;
    line-height: 25px;
    float: none;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
}
.checkout-cart-index .cart .bottom form ul.checkout-types li.conti a:after{
    content:'';
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/black.svg") 0 0 no-repeat;
    left: 0;
    top: -1px;
}
.checkout-cart-index .cart .bottom form ul.checkout-types li.conti a:hover{
    opacity: 0.75;
}
.checkout-cart-index .cart .bottom form ul.checkout-types li.conti a{
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
    width: 230px;
    margin: 15px auto;
    text-transform: uppercase;
    color: black;
}
.checkout-cart-index .cart .bottom form ul.checkout-types {
    float: none;
    text-align: center;
    margin-top: 10px;
}
.checkout-cart-index .cart .bottom .bottom{
    display: inline-block;
    width: 49%;
    vertical-align: top;
    text-align: center;
    margin: 0;
    padding: 0;
}
.checkout-cart-index .messages li li {
    margin: 0 0 3px;
    font-weight: 300;
    color: black;
    font-size: 12px;
    padding: 5px 17px 2px;
}
.checkout-cart-index .block-crosssell .block-title {
    font-size: 18px;
    text-align: center;
    background: none;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    border-bottom: none;
    color: #547481;
}
.checkout-cart-index .block-crosssell ul {
    margin: 24px 0;
    text-align: center;
}
.checkout-cart-index .block-crosssell ul li.item:last-child {
    margin-right: 0;
}
.checkout-cart-index .block-crosssell ul li.item {
    padding: 0;
    display: inline-block;
    width: 23%;
    margin-right: 14px;
    vertical-align: top;
    box-shadow: 0 0 9px rgba(136, 136, 136, 0.31);
    margin-left: 4px;
    border-bottom: 0;
}
.checkout-cart-index .block-crosssell {
    width: 100%;
    float: none;
    border: none;
}
.checkout-cart-index .block-crosssell .product-details .elemnts .prix{
    color: #FBC589;
    font-size: 14px;
    font-weight: normal;    font-family: 'Source Sans Pro', sans-serif;

}
.checkout-cart-index .block-crosssell .price-box .regular-price .label {
    font-size: 14px;
    font-weight: normal;
    color: #FBC589;    font-family: 'Source Sans Pro', sans-serif;

}
.checkout-cart-index .block-crosssell .price-box .regular-price .price {
    font-size: 13px;
    font-weight: normal;
    color: #FBC589;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;

}
.checkout-cart-index .block-crosssell .product-details .elemnts{
    display: inline-block;
    width: 77%;
    vertical-align: bottom;
    line-height: 14px;
}
.checkout-cart-index .block-crosssell .button.button.add-to-cart.small.small:before {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 9px;
    content: '+';
    border: 0;
    color: white;
    border-radius: 50%;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background: #fab45a;
}
.checkout-cart-index .block-crosssell .button.button.add-to-cart.small.small span{
    font-size: 0;
}
.checkout-cart-index .block-crosssell form {
    display: inline-block;
    vertical-align: top;
    width: 18%;
}
.checkout-cart-index .block-crosssell .button.button.add-to-cart.small.small {
    float: none;
    min-width: inherit;
    background: none;
    position: relative;
}
.checkout-cart-index .block-crosssell .product-details {
    float: none;
    width: auto;
    padding: 7px;
    text-align: left;
}

.checkout-cart-index .block-crosssell .block-content {
    padding: 0;
}
.checkout-cart-index .block-crosssell .product-image img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border: none;
    margin: auto;
}

.checkout-cart-index .block-crosssell .product-image {
    float: none;
    margin: auto;
    display: block;
    height: 145px;
    position: relative;
}
.checkout-cart-index .block-crosssell .product-image:hover,.checkout-cart-index .block-crosssell .product-details .product-name a:hover {
    opacity: 0.75;
}
.checkout-cart-index .block-crosssell .product-details .product-name a {
    color: black;
    text-decoration: none;
    font-weight: 500;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    min-height: 35px;
    display: block;
}
.checkout-cart-index .block-crosssell .price-label-teaser {
    display: none;
}
.checkout-cart-index .cart-bottom ul li span.img img,.checkout-onepage-index .cart-bottom ul li span.img img{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.checkout-cart-index .cart-bottom ul li span.img ,.checkout-onepage-index .cart-bottom ul li span.img {
    height: 70px;
    position: relative;
}
.checkout-cart-index .cart-bottom ul li span,.checkout-onepage-index .cart-bottom ul li span{
    display: block;
    font-size: 17px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #282828;
}
.checkout-cart-index .cart-bottom ul li > a:hover,.checkout-onepage-index .cart-bottom ul li > a:hover {
    opacity: 0.75;
}
.checkout-cart-index .cart-bottom ul li > a,.checkout-onepage-index .cart-bottom ul li > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    font-size: 0;
}

.checkout-cart-index .cart-bottom ul li,.checkout-onepage-index .cart-bottom ul li {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    position: relative;
}
.checkout-cart-index .cart-bottom .bottom ul li,.checkout-onepage-index .cart-bottom .bottom ul li{
    width: 14%;
    position: relative;
    height:50px;
}
.checkout-cart-index .cart-bottom .bottom:before,.checkout-onepage-index .cart-bottom .bottom:before  {
    border-bottom: 3px solid #282828;
    content: '';
    width: 646px;
    height: 23px;
    left: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    margin: auto;
    right: 0;
    top: -96px;
    z-index: 9;
}
.checkout-cart-index .cart-bottom .bottom > ul,.checkout-onepage-index .cart-bottom .bottom > ul {
    padding-top: 25px;
}
.checkout-cart-index .cart-bottom .bottom,.checkout-onepage-index .cart-bottom .bottom  {
    margin: 22px auto 18px;
    position: relative;
}
.checkout-cart-index .cart-bottom .bottom img ,.checkout-onepage-index .cart-bottom .bottom img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.checkout-cart-index .cart-bottom .top{
    padding-bottom: 18px;
    width: 73%;
    margin: auto;
}
.checkout-cart-index .cart-bottom,.checkout-onepage-index .cart-bottom {
    margin-top: 24px;
}
.checkout-onepage-index .cart-bottom .bottom{
    clear: both;
    width: 82%;
}
.checkout-cart-index .cart-bottom,.checkout-onepage-index .cart-bottom {
    margin-top: 8px;
}
.checkout-cart-index .cart-bottom ul,.checkout-onepage-index .cart-bottom ul{
    display: table;
    width: 100%;
    margin: auto;
    text-align: center;
}
.checkout-cart-index button:hover{
    opacity: 0.75;
}
.checkout-cart-index .data-table thead{
    background: none;
}
.checkout-cart-index .cart form fieldset .bottom,.checkout-cart-index .cart .bottom form .block-discount .buttons-set a.cancelPromo,.checkout-cart-index .main .cart .cart-table tbody tr td .qty.rwd,.checkout-cart-index .main .cart .cart-table tbody tr td .subtotal.rwd,
.checkout-onepage-index .opc .order-review .data-table tbody tr td .subtotal.rwd,.checkout-onepage-index .opc .order-review .data-table tbody tr td .subtotal.rwd{
    display: none;
}
.cart-empty {
    margin-left: 0;
    text-align: center;
    margin-bottom: 20px;
}
.checkout-onepage-index .header.tdc .infos .paiement .all span{
    display: block;
    padding-top: 75px;
    font-size: 17px;
    width: 72px;
    float: right;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
}
.checkout-onepage-index .header.tdc .infos .paiement .all {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/paiement.svg) 93px 5px no-repeat;
    height: 142px;
    text-align: center;
    width: 160px;
    float: right;
    margin-right: 28px;
}
.checkout-onepage-index .header.tdc .links,.checkout-onepage-index .header.tdc .infos .customer{
    display: none;
}
.checkout-onepage-index .header.tdc .quick-access{
    vertical-align: top;
}
.checkout-onepage-index .page-title h1 {
    font-size: 34px;
    color: #507480;
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
    text-transform: none;
    font-family: Arial,Helvetica,sans-serif;
}
.checkout-onepage-index .opc{
    margin-top: 28px;
    border: 1px solid #6A8A99;
}
.checkout-onepage-index .opc .allow.active .step-title{
    background:#547481;padding: 10px 11px 8px;
    border: none;
}
.checkout-onepage-index .opc .step-title {
    text-align: right;
    border-top: 1px solid #6A8A99;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    background: white;
    padding: 10px 11px 8px;
}
.checkout-onepage-index .col2-right-layout .col-main {
    width: 74%;
    margin-bottom: 21px;
}

.checkout-onepage-index .col2-right-layout .col-right .block-progress div.prog:last-child dt{
    border-bottom:0;
}
.checkout-onepage-index .col2-right-layout .col-right .block-progress dt{
    padding: 5px 17px;
    background: white;
    border-bottom: 1px solid;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    color: #547481;
    letter-spacing: 1px;
}
.checkout-onepage-index .col2-right-layout .col-right .block-progress{
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
}
.checkout-onepage-index .col2-right-layout .col-right .block-progress .block-title {
    background: #547481;
    font-size: 17px;
    border-radius: 0;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 13px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
}
.checkout-onepage-index .col2-right-layout .col-right {
    float: right;
    width: 23%;
    margin-top: 28px;
    margin-right: 10px;
}
.checkout-onepage-index .col2-right-layout .col-right .block-progress dd.complete address {
    font-style: normal;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color:#282828;
}
.checkout-onepage-index .col2-right-layout .col-right .block-progress dd.complete a{
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    color: #B8C635;
    padding-top: 7px;
}
.checkout-onepage-index .col2-right-layout .col-right .backCart a:hover{
    opacity: 0.75;
}
.checkout-onepage-index .col2-right-layout .col-right .backCart a {
    display: block;
    text-align: center;
    color: #F4AA53;
    text-decoration: none;
    background: none;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 28px;
    padding: 12px 28px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    margin:17px 0;
    clear: both;
}
.checkout-onepage-index .col2-right-layout .col-right .backCart {
    clear: both;
    display: block;
    position: relative;
}
.checkout-onepage-index .col2-right-layout .col-right .block-progress dd.complete {
    padding: 9px;
    background: none;
    border-bottom: 1px solid #547481;
}
.checkout-onepage-index .col2-right-layout .col-right .block-progress {
    width: 100% ;
    margin: 0 0 20px 0;
    border-radius: 0;
    border: 1px solid #6a8a99;
}
.checkout-onepage-index .opc .section.allow .step-title{
    cursor: pointer;
}
.checkout-onepage-index .opc .section.active {
    opacity: 1;
    border-bottom: none;
}
.checkout-onepage-index .opc .section .step.a-item .fields .input-box.back.region select{
    width: 100%;
}
.checkout-onepage-index .opc .section .step.a-item .fields .input-box.back.region {
    width: 86%;
}
.checkout-onepage-index .opc .section .step.a-item .fields .input-box.back {
    width: 223px;
    position: relative;
}
.checkout-onepage-index .opc .section .step.a-item .fields .wide.add .input-box.back select{
    width: 100%;
}
.checkout-onepage-index .opc .section .step.a-item .fields .wide.add .input-box.back{
    width: 89%;
}
.checkout-onepage-index .opc .section .step.a-item .fields .input-box {
    display: block;
    clear: both;
    width: 100%;
    text-align: left;
}
.checkout-onepage-index .opc .section .step.a-item .fields .wide.add select,
.checkout-onepage-index .opc .section .step.a-item .fields .wide.add input.input-text {
    width: 88%;
}
.checkout-onepage-index .opc .section .step.a-item .fields .wide {
    width: 100%;
    margin: auto;
}
.checkout-onepage-index .opc .section .step.a-item .fields .field.focused label,
.checkout-onepage-index .opc .section .step.a-item .fields .wide.focused label {
    color:#B8C635;transition-duration: 0.8s;
    font-weight: 200;
}

.checkout-onepage-index .opc .step.a-item {
    border:none;
    padding: 16px 80px;
}
.checkout-onepage-index .opc .step.a-item input[type=radio]  {
    display: none;
}
.checkout-onepage-index .opc .step.a-item input[type=radio]+label:hover  {
    opacity: 0.75;
}
.checkout-onepage-index .opc .step.a-item .address-select label {
    font-size: 12px;
    color: #7f7f7f;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    letter-spacing: 1px;
    padding-top: 16px;
    margin-top: 0;
    cursor: auto;
}
.checkout-onepage-index .opc .step.a-item .address-select div.background-select {
    width: 20px;
    height: 24px;
    content: "";
    pointer-events: none;
    position: absolute;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/arrow_down.svg) no-repeat 50% 50% transparent;
    right: -1px;
    top: 8px;
    background-size: 12px;
}
.checkout-onepage-index .opc .step.a-item .address-select .input-box.back {
    position: relative;
    width: 88%;
}
.checkout-onepage-index .opc .step.a-item .address-select select {
    border: none;
    background: white;
    border-bottom: 2px solid #7E7E7E;
    padding: 8px 2px 8px 0;
    font-size: 16px;
    width: 100%;
    color: #282828;
}
.checkout-onepage-index .opc .step.a-item .address-select  {
    font-family: 'Source Sans Pro', sans-serif;
}
.checkout-onepage-index .opc #opc-payment .step.a-item input[type=radio]+label  {
    position: relative;
    display: inline-block;
    padding-left:114px;
}
.checkout-onepage-index .opc .step.a-item#checkout-step-payment input[type=radio]+label:before{
    margin-right: 0;
}
.checkout-onepage-index .opc #opc-payment .step.a-item input[type=radio]+label:before{
    position: absolute;
    left: 0;
}
.checkout-onepage-index .opc .step.a-item input[type=radio]+label  {
    cursor: pointer;
}
.checkout-onepage-index .opc .step.a-item input[type=radio]:checked+label::before  {
    border: 3px solid #B8C635;
}
.checkout-onepage-index .opc .step.a-item input[type=radio]+label:before {
    vertical-align: top;
    background: white;
    margin-top: 0;
    content: "";
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 14px;
    border: 3px solid #282828;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    text-align: center;
    margin-right: 10px;
    border-radius: 100%;
    position: relative;
}
.checkout-cart-index .validation-failed,
.checkout-onepage-index .opc .step.a-item .validation-failed {
    border-bottom: 2px solid #F44336 !important;
    background: transparent!important;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
}
.checkout-cart-index .validation-advice ,
.checkout-onepage-index .opc .step.a-item .validation-advice {
    font-size: 12px;
    line-height: 13px;
    background: none;
    color: #F44336;
    padding-left: 0;
    margin-top: 8px;
}
.checkout-onepage-index .opc .step.a-item input[type=radio]:checked+label::after {
    background: #B8C635;
    color: white;
    content: '';
    line-height: 116px;
    font-size: 16px;
    position: absolute;
    top: 23px;
    left: 7px;
    border-radius: 100%;
    height: 6px;
    width: 6px;
    margin: auto;
    text-align-last: center;
}

.checkout-onepage-index .opc .step.a-item:not(#checkout-step-login) .buttons-set {
    width: 86%;
    margin: 30px auto auto;
}
.checkout-onepage-index .opc .step.a-item .buttons-set a.back:before{
    position: absolute;
    content:'';
    left: -23px;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/back.svg') 0 0 no-repeat;
}
.checkout-onepage-index .opc .step.a-item .buttons-set a.back:hover{
    opacity: 0.75;
}
.checkout-onepage-index .opc .step.a-item .buttons-set a.back{
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    padding-top: 11px;
    letter-spacing: 1px;
    margin-left: 44px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
}
.checkout-onepage-index .opc .step.a-item .buttons-set button.button span span{
    float: none;
    padding: 0;
}
.checkout-onepage-index .opc .step.a-item .buttons-set button.button span{
    float: none;
    height: auto;
    padding: 12px;
    letter-spacing: 1px;
    width: 188px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
}
.checkout-onepage-index .opc .step.a-item .buttons-set button.button:hover {
    opacity: 0.75;
}
.checkout-onepage-index .opc .step.a-item .buttons-set button.button {
    float: right;
    background: #B8C635;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 20px;
    margin-right: 42px;
}
.checkout-onepage-index .opc .section .step.a-item .fields .field.you-are .you_are{
    display: inline-block;
    margin-right: 26px;
}
.checkout-onepage-index .opc .section .step.a-item .fields .field.you-are label{
    float:none;
    font-size: 16px;
    color: #282828;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    padding-top: 16px;
    margin-top: 0;
    cursor: pointer;
    margin-right: 34px;
}
.checkout-onepage-index .opc .section .step.a-item .all-checkbox {
    margin: 10px auto auto;
    text-align: center;
    width: 52%;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

.checkout-onepage-index .opc .section .step.a-item .all-checkbox input[type=checkbox] {
    display: none;
}
.checkout-onepage-index .opc .section .step.a-item .all-checkbox label{
    position: relative;
    padding-left: 27px;
}
.checkout-onepage-index .opc .section .step.a-item .all-checkbox input[type=checkbox]+label:before {
    vertical-align: top;
    background: #fff;
    margin-top: 0;
    content: "";
    left:0;
    top:0;
    line-height: 9px;
    height: 18px;
    width: 18px;
    border: 2px solid #767676;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    text-align: center;
    margin-right: 10px;
    border-radius: 2px;
    position: absolute;
}
.checkout-onepage-index .opc .section .step.a-item .all-checkbox input[type=checkbox]:checked+label::after {
    background: #B8C635;
    height: 18px;
    margin-left: 0;
    counter-increment: i;
    color: white;
    font-weight: 600;
    content: '';
    line-height: 1;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/checked-input.jpg") 0 0 no-repeat;
    width: 18px;
    border: 2px solid #B8C635;
    border-radius: 0;
}

.checkout-onepage-index .opc .section .step.a-item .all-radios {
    width: 86%;
    margin: 23px auto auto;
}
.checkout-onepage-index .opc .section .step.a-item .all-radios .control{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #282828;
    font-family: 'Source Sans Pro', sans-serif;
    margin-right: 31px;
}
.checkout-onepage-index .opc .step.a-item .all-radios .control input[type=radio]:checked+label::after{
    top: 7px;height: 6px;
    width: 6px;
    left: 7px;
}
.checkout-onepage-index .opc .section .step.a-item .fields .field.you-are {
    font-size: 16px;
    width: 100%;
    margin-top: 30px;
}
.checkout-onepage-index .opc .section .step.a-item .fields.identif {
    margin-bottom: 5px;
}
.checkout-onepage-index .opc .section .step.a-item .fields .field {
    float: none;
    width: 46%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.checkout-onepage-index .opc .section .step.a-item #billing-new-address-form,
.checkout-onepage-index .opc .section .step.a-item .customer-name-prefix {
    margin: 0;
}
.checkout-onepage-index .opc .section .step.a-item .fields {
    margin-bottom: 12px;
    width: 100%;
    font-family: 'Source Sans Pro', sans-serif;
}
.checkout-onepage-index .opc .section .step.a-item .fields .wide input.input-text{
    width: 223px;
}
.checkout-onepage-index .opc .section .step.a-item .fields select{
    border: none;
    background: white;
    border-bottom: 2px solid #7E7E7E;
    padding: 6px 0;
    font-size: 16px;
    width: 222px;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
    color:#282828;
}
.checkout-onepage-index .opc .section .step.a-item .fields div.background-select {
    width: 20px;
    height: 24px;
    content: "";
    pointer-events: none;
    position: absolute;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/arrow_down.svg) no-repeat 50% 50% transparent;
    right: 0;
    top: 6px;
    background-size: 12px;
}
.checkout-onepage-index .opc .section .sp-methods .form-list {
    padding-left: 0;
}
.checkout-onepage-index .opc .section .sp-methods dd p,
.checkout-onepage-index .opc .section .sp-methods .checkmo-list li {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #282828;
    letter-spacing: 1px;
    font-size: 14px;
}
.checkout-onepage-index .opc .section .sp-methods .form-list label {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    color: #282828;
    letter-spacing: 1px;
    font-size: 15px;
    padding-bottom: 1px;
    cursor: auto;
}
.checkout-onepage-index .opc .section .step.a-item .fields input.input-text:focus{
    border-bottom: 2px solid #B8C635;
    transition-duration: 0.8s;
}
.checkout-onepage-index .opc .section .step.a-item .fields input.input-text{
    border: none;
    background: white;
    border-bottom: 2px solid #7E7E7E;
    padding: 8px 0;
    font-size: 16px;
    width: 223px;
    color:#282828;
}
.checkout-onepage-index .opc .section .step.a-item .fields .field > label,
.checkout-onepage-index .opc .section .step.a-item .fields .wide > label{
    font-size: 12px;
    color: #7f7f7f;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    letter-spacing: 1px;
    padding-top: 16px;
    margin-top: 0;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt {
    position: relative;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt:before {
    content: '';
    position: absolute;
    top: -12px;
    left: 40px;
    width: 60px;
    height: 44px;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt#dt_method_administrativemandate:before {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/mandat.svg) 0 0 no-repeat;
    background-size: 60px;
    top: 1px;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt#dt_method_transfer:before {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/virement-bancaire-m.svg) 0 0 no-repeat;
    background-size: 60px;
    top: 2px;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt#dt_method_checkmo:before {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/cheque.svg) 0 0 no-repeat;
    background-size: 60px;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt#dt_method_paypal_standard label > img {
    display: none;
}

.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt#dt_method_paypal_standard:before {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/paypal-m.svg) 0 0 no-repeat;
    background-size: 60px;
    top: -8px;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt#dt_method_pbxep_cb:before {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/carteb.svg) 0 0 no-repeat;
    background-size: 60px;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt:first-child {
    margin-top:0;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dd .form-list .input-box ,
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dd .form-list select {
    margin: auto;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dd .form-list input.input-text ,
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dd .form-list select {
    border:none;
    border-bottom: 2px solid #7E7E7E;
    font-size: 16px;
    padding: 8px 0;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dd #payment_form_paypal_standard  li{
    font-weight: 500;
    margin-top: 23px;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    color: #282828;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dd {
    margin-top: 26px;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt span.pbxep-payment-label {
    display: none;
}
.checkout-onepage-index .opc .section #co-payment-form .sp-methods dt {
    margin-top: 39px;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    color: #282828;
    font-weight: 500;
}
.checkout-onepage-index .opc .section #co-payment-form #dt_method_paypal_standard a .info-paypal:before {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    content: 'i';
    font-size: 8px;
    color: white;
    line-height: 14px;
    text-align: center;
    border-radius: 100%;
    background: #000;
}
.checkout-onepage-index .opc .section #co-payment-form #dt_method_paypal_standard a .info-paypal {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.checkout-onepage-index .opc .section #co-payment-form  {
    padding-top: 25px;
}
.checkout-onepage-index .opc .section {
    opacity: 0.25;
    padding: 0;
}

.checkout-onepage-index .opc .section #co-payment-form input[type=radio]:checked+label::after {
    background: #B8C635;
    color: white;
    content: '';
    font-size: 16px;
    position: absolute;
    top: 7px;
    border-radius: 100%;
    height: 6px;
    width: 6px;
    margin: auto;
    text-align-last: center;
}

.checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods {
    display: inline-block;
    vertical-align: top;
    width: 162px;
    margin-right: 3px;
    position: relative;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    color: #282828;
    font-size: 14px;
    padding: 172px 10px 10px;
    -webkit-box-shadow: 0 3px 1px 0 rgba(173,171,173,1);
    -moz-box-shadow: 0 3px 1px 0 rgba(173,171,173,1);
    box-shadow: 0 3px 1px 0 rgba(173,171,173,1);

}
.checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods span.price {
    display: block;
}

.checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods input[type=radio]+label:before {
    vertical-align: top;
    background: white;
    content: "";
    display: inline-block;
    line-height: 14px;
    height: 14px;
    width: 14px;
    border: 3px solid #282828;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border-radius: 100%;
    position: absolute;
    margin: auto;
    text-align: center;
    float: none;
    left: 0;
    right: 0;
    top: 25px;
}
.checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods input[type=radio]:checked+label:before{
    border: 3px solid #B8C635;

}
.checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods input[type=radio]:checked+label::after {
    background: #B8C635;
    color: white;
    content: '';
    line-height: 116px;
    font-size: 16px;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    border-radius: 100%;
    height: 6px;
    width: 6px;
    margin: auto;
    text-align-last: center;
}

.checkout-onepage-index #checkout-shipping-method-load .shipment-methods{
    padding-top: 100px;
    text-align: center;
}
.checkout-onepage-index #checkout-shipping-method-load {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/tnt.svg) 50% 19px no-repeat;
    background-size: 135px;
    padding: 0;
}
.checkout-onepage-index .opc .section .step-title .number {
    color: #ffffff;
    background: #B8C635;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}
.checkout-onepage-index .opc .section.active .step-title h2 {
    color:white;
}
.checkout-onepage-index .opc .step-title h2 {
    float: none;
    width: 100%;
    text-align: left;
    font-size: 17px;
    padding: 5px 50px;
    line-height: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
}
.checkout-onepage-index .opc .step#checkout-step-login .col-2 h3{
    color: #282828;
}
.checkout-onepage-index .opc .step#checkout-step-login .col-2 .text-cmd span{
    display: block;
}
.checkout-onepage-index .opc .step#checkout-step-login .col-2 button.button{
    background: #4B4B4B;
    margin-top: 2px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col-2 .text-cmd{
    color: #282828;
    margin-top: 7px;
    font-size: 14px;
    margin-bottom: 5px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col-2 {
    clear: both;
    text-align: center;
    padding-top: 0;
    position: relative;
    margin-bottom: 20px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 {
    float: right;
    width: 40%;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 {
    float: left;
    width: 55%;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set:after {
    border-bottom: 2px solid;
    content: '';
    width: 536px;
    height: 23px;
    left: 0;
    bottom: 0;
    position: relative;
    text-align: center;
    margin: auto;
    right: 0;
    top: -4px;
    z-index: 1;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set {
    padding: 21px 73px 12px;    font-family: 'Source Sans Pro', sans-serif;
    position: relative;

}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set h3 {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
    color:#282828;
}
.checkout-onepage-index .opc .step#checkout-step-login {
    padding: 5px 9px;
}

.checkout-onepage-index .opc .step#checkout-step-review{
    padding: 26px 0;
}
.checkout-onepage-index .opc .order-review .data-table tbody tr.even td{
    background: #F6F6F6;
}
.checkout-onepage-index .opc .order-review .data-table tbody tr td .qty.rwd{
    display: none;
}
.checkout-onepage-index .opc .order-review .data-table tbody tr.odd td{
    background: #E7E7E7;
}
.checkout-onepage-index .opc .order-review .data-table {
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
}
.checkout-onepage-index .opc .order-review .data-table td{
    border: none;
    vertical-align: middle;
    font-size: 15px;
    color: #282828;
    padding: 3px 5px;
}
.checkout-onepage-index .opc .order-review .data-table td.name h3{
    font-weight: 500;
}
.checkout-onepage-index .opc .order-review .data-table tfoot td.a-right.last {
    text-align: right!important;
}
.checkout-onepage-index .opc .order-review .data-table tfoot td strong{
    font-weight: 500;
}
.checkout-onepage-index .opc .order-review .data-table tfoot td {
    padding:13px 69px;
    text-align: left!important;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}
.checkout-onepage-index .opc .order-review .data-table tfoot .grandTotal td{
    padding: 24px 69px;
    background: #547481;
    color: white;
    font-size: 19px;
}
#checkout-review-submit {
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
    color: #282828;
    margin-top: 17px;

}
#checkout-review-submit .upd a.update:hover span:before {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/shopping_cart-hov.svg) 0 0 no-repeat;
    background-size: 17px;
}
#checkout-review-submit .upd a.update span:before {
    position: absolute;
    right: 0;
    left: -19px;
    content: '';
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/shopping_cart.svg) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    background-size: 17px;
}
#checkout-review-submit .upd a.update:hover{
    color:#B8C635;
}
#checkout-review-submit .upd a.update span{
    position: relative;
}
#checkout-review-submit .upd a.update {
    text-transform: uppercase;
    font-weight: bold;
    color: #282828;
    margin-right: 8px;
    display: block;
    text-align: right;
    position: relative;
}
form#checkout-agreements{
    text-align: center;
    margin-top: 23px
}
.checkout-agreements .agreement-content a:hover:before {
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/download-hov.svg) 0 0 no-repeat;
    background-size: 10px;
}
.checkout-agreements .agreement-content a:before {
    position: absolute;
    top: 3px;
    left: -9px;
    content: '';
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/download.svg) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    background-size: 10px;
}
.checkout-agreements .agreement-content a:hover {
    color:#B8C635;
}
.checkout-agreements .agreement-content a {
    text-transform: uppercase;
    font-weight: bold;
    color: #282828;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 227px;
    margin: auto;
    position: relative;
}
.checkout-agreements .agree input[type=checkbox]+label {
    position: relative;
    vertical-align: middle;
    color: #282828;
    padding-left: 24px;
}
.checkout-agreements .agree input[type=checkbox]+label:before {
    vertical-align: top;
    background: #fff;
    margin-top: 0;
    content: "";
    display: inline-block;
    line-height: 9px;
    height: 15px;
    width: 15px;
    border: 2px solid #767676;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    text-align: center;
    margin-right: 0;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}
.checkout-agreements .agree input label{
    position: relative;
    cursor: pointer;
    font-size: 12px;
}
.checkout-agreements .agree input{
    display: none;
}
.checkout-onepage-index .opc .step.a-item .buttons-set#review-buttons-container button.button span span{
    padding: 0;
}
.checkout-onepage-index .opc .step.a-item .buttons-set#review-buttons-container button.button span{
    float: none;
    height: auto;
    padding: 13px;
    font-size: 18px;
    letter-spacing: 1px;
    width: 262px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
}
.checkout-onepage-index .opc .step.a-item #co-shipping-method-form .free span:after{
    content: '';
    position: absolute;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/alert.svg) 0 0 no-repeat;
    width: 27px;
    height: 34px;
    left: -13px;
    top: 4px;
    background-size: 27px;
}
.checkout-onepage-index .opc .step.a-item #co-shipping-method-form .free span{
    position: relative;
    display: block;
    padding-left: 24px;
}
.checkout-onepage-index .opc .step.a-item #co-shipping-method-form .free{
    clear: both;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 1px;
    font-weight: 400;
    color: #282828;
    width: 255px;
    margin: 15px auto;
    font-size: 16px;
    text-align: left;
}
.checkout-onepage-index .opc .step.a-item .buttons-set#review-buttons-container  {
    margin: 15px auto auto;
}
.checkout-onepage-index .opc .step.a-item .buttons-set#review-buttons-container button.button {
    float: none;
    font-size: 15px;
    cursor: pointer;
    margin: auto;
    display: block;
    border-radius: 40px;
}
.checkout-agreements .agree input[type=checkbox]:checked+label::after {
    background: #B8C635;
    height: 21px;
    margin-left: 0;
    counter-increment: i;
    color: white;
    font-weight: 600;
    content: '';
    line-height: 1;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/checked-input.jpg") 0 0 no-repeat;
    width: 21px;
}

.checkout-agreements .agreement-content {
    border: none;
    background-color: transparent;
    padding: 5px;
    height: auto;
    overflow: auto;
}
.checkout-onepage-index .opc .order-review .data-table td.name{
    width: 37%;
}
.checkout-onepage-index .opc .order-review .data-table td.price{
    width: 17%;
}
.checkout-onepage-index .opc .order-review .data-table td.qty{
    width: 20%;
}
.opc .order-review .data-table tfoot {
    border: none;
}
.checkout-onepage-index .opc .step#checkout-step-review th {
    border:0;
    white-space: inherit!important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #507480;
    padding: 7px;

}
.opc .order-review .data-table thead{
    background: none;
    border: none;
}
.checkout-onepage-index .opc .step:not(#checkout-step-login , #checkout-step-review) {
    padding: 16px 80px;
    border: none;
}

.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul li:nth-child(2):before{
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/money.svg') -3px -2px no-repeat;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul li:nth-child(3):before{
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/person.svg') -4px -1px  no-repeat;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul li:last-child:before{
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/cmd.png') 0 6px no-repeat;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul li:first-child:before{
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/address.png') 0 0 no-repeat;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul li:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 24px;
    height: 24px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul li{
    padding-left: 24px;
    color: black;
    font-size: 14px;
    width: 56%;
    padding-bottom: 15px;
    position: relative;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul{
    margin: 21px 15px 6px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 h3{
    padding-left: 29px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list label {
    font-weight: 100;
    margin-top: 16px;
    letter-spacing: 1px;
    color: #7f7f7f;
    font-size: 12px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list li #remember-me-box label{
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    font-size: 13px;
    color: black;
    font-weight: normal;
    cursor: pointer;
    padding-left: 27px;
    padding-top: 2px;
}

.checkout-onepage-index .opc .form-list > label:hover {
    opacity: 0.75;
}
.checkout-onepage-index .opc .form-list label {
    cursor: pointer;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list li #remember-me-box input{
    vertical-align: top;
    float: left;
    display: none;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3  .buttons-set a {
    display: block;
    text-align: center;
    font-size: 14px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3  .buttons-set button.button {
    float: none;
    margin:22px 0 17px;
}
.checkout-onepage-index .opc .step#checkout-step-login button.button:hover
,.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3  .buttons-set a:hover{
    opacity: 0.75;
}
.checkout-cart-index input[type=checkbox]:checked+label::after,
.checkout-onepage-index input[type=checkbox]:checked+label::after {
    background: #B8C635;
    height: 22px;
    margin-left: 0;
    counter-increment: i;
    color: white;
    font-weight: 600;
    content: '';
    line-height: 1;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/checked-input.jpg') 0 0 no-repeat;
    width: 22px;
    background-size: 22px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list li #remember-me-box input[type=checkbox]+label:before {
    vertical-align: top;
    background: #fff;
    margin-top: 0;
    content: "";
    display: inline-block;
    position: absolute;
    top:0;
    left:0;
    line-height: 9px;
    height: 18px;
    width: 18px;
    border: 2px solid #767676;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    text-align: center;
    margin-right: 10px;
    border-radius: 2px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list li #remember-me-box{
    margin-top: 27px;
    width: auto;
    margin-left: 42px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list li {
    margin: 0 0 2px;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list input.input-text:focus {
    border-bottom: 2px solid #B8C635;
    transition-duration: 0.8s;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list input.input-text {
    width: 213px;
    border: none;
    background: white;
    border-bottom: 2px solid #7E7E7E;
    padding: 8px 0;
    font-size: 16px;
    color: black;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list input#login-email:focus,
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list input#login-password:focus {
    border-bottom: 2px solid #B8C635;
    transition-duration: 0.8s;
}
.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 h4{
    margin-top: 16px;
    color: black;
    font-weight: 400;
    font-size: 15px;
    padding-left: 18px;
}
.checkout-onepage-index .opc .step#checkout-step-login button.button span span{
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
}
.checkout-onepage-index .opc .step#checkout-step-login button.button span{
    float: none;
    height: auto;
    padding: 12px;
    width: 188px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
}
.checkout-onepage-index .opc .step#checkout-step-login button.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: #B8C635;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 20px;
}
.checkout-cart-index #shopping-cart-totals-table tfoot .grandTotal.ttc,
.checkout-cart-index #shopping-cart-totals-table tfoot .taxP,
.checkout-cart-index #shopping-cart-totals-table tbody .shipping-tr,
.checkout-cart-index #shopping-cart-totals-table tbody .subtotalP,
.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr td strong.withShipp,
.checkout-onepage-index .opc .order-review .data-table tfoot td strong.withoutShipp{
    display: none;
}

#success_msg .order-number a{
    color: white;
}
#success_msg .order-number{
    font-size: 18px;
    background: #547481;
    width: 192px;
    margin: auto;
    padding: 9px 0;
    color: white;
    letter-spacing: 1px;
    text-align: center;
}
#success_msg h2.sub-title{
    margin: 27px 0 20px;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
}
#success_msg .page-title {
    margin: 0 0 43px;
}
#success_msg .page-title h1{
    color: #282828;
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
    margin: auto!important;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
}
#success_msg .buttons-set {
    clear: both;
    margin: 38px 0 0;
    padding: 6px;
}
#success_msg a.button span span{
    padding: 0;
}
#success_msg a.button span {
    padding: 12px 12px;
    width: 269px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    float: none;
    margin: auto;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    background: #B8C635;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 20px;
    height: initial;
    border: none;
    text-align: center;
    white-space: normal
}
#success_msg a.button {
    float: none;
    margin: auto;
    display: block;
    background:transparent;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 20px;
}
a.button:hover {
    color: #ffffff;
    border: none;
    height: auto;
}
#success_msg .content{
    font-size: 15px;
    text-align: center;
    width: 61%;
    margin: auto auto 19px auto;
    letter-spacing: 1px;
}
#success_msg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/validation.svg) 0 7px no-repeat;
    width: 50px;
    height: 58px;
    margin: auto;
    background-size: 50px;
}
#success_msg {
    position: relative;
    color: #282828;
    font-family: 'Source Sans Pro', sans-serif;padding-top: 85px;
}

/*
* style Menu select
*/
.checkout-onepage-index .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 99%!important;
    border: none;
    background: none;
    border-bottom: 2px solid #7E7E7E;
    border-radius: 0;
    padding: 8px 0;
}
.checkout-onepage-index .ui-selectmenu-text{
    font-size: 16px;
}

.checkout-onepage-index .ui-state-active, .checkout-onepage-index .ui-widget-content .ui-state-active,
.checkout-onepage-index .ui-widget-header .ui-state-active, .checkout-onepage-index a.ui-button:active,.checkout-onepage-index .ui-button.ui-state-active:hover {
    background: none!important;
    border:none!important;
    color:#282828!important;
    font-size: 16px;
}
.checkout-onepage-index .ui-menu .ui-menu-item-wrapper{
    font-size: 16px;
    text-align: left;
    padding: 10px 16px;
}
.checkout-onepage-index .ui-menu .ui-state-focus,.checkout-onepage-index .ui-menu .ui-state-active{
    margin: inherit;
}

.checkout-onepage-index .ui-selectmenu-open{
    margin-top: -4px;
}
.checkout-onepage-index .ui-widget.ui-widget-content {
    border: none;
    -webkit-box-shadow: 0 4px 4px rgba(136, 136, 136, 0.31)   ;
    -moz-box-shadow:0 4px 4px rgba(136, 136, 136, 0.31);
    box-shadow: 0 4px 4px rgba(136, 136, 136, 0.31);
    border-radius: 0;
    padding-bottom: 0;
    margin-top: -3px;
    max-height: 195px;
    max-width: 600px;
}
.checkout-onepage-index .ui-button:active{
    border-bottom: 2px solid #7E7E7E!important; background: none!important;font-size: 16px; color:#282828!important;
}
.checkout-onepage-index .ui-menu .ui-menu-item:hover{
    background: #DADADA;
}
.checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods dd{
    min-height: 56px;
    display: inline-block;
    vertical-align: middle;
}
.checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods{
    position: relative;
}

html[lang^="es-es"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
html[lang^="nl-nl"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
html[lang^="nl-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
html[lang^="fr-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
html[lang^="it-it"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
html[lang^="fr-lu"] #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before{
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/48-72.svg)0 0 no-repeat;
}

html[lang^="es-es"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
html[lang^="nl-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
html[lang^="nl-nl"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before{
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/5d.svg)0 0 no-repeat;
}
html[lang^="it-it"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before{
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/5g.svg)0 0 no-repeat;
}

html[lang^="fr-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
html[lang^="fr-lu"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before{
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/5j.svg)0 0 no-repeat;
}

.checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before{
    content: '';
    left: 0;
    right: 0;
    top: 50px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/48-72.svg)0 0 no-repeat;
    width: 131px;
    position: absolute;
    margin: auto;
    z-index: 99999;
    height: 120px;
}
.checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before{
    content: '';
    left: 0;
    right: 0;
    top: 50px;
    background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/24-48.svg)0 0 no-repeat;
    width: 131px;
    position: absolute;
    margin: auto;
    z-index: 99999;
    height: 120px;
}

#ajax_cart_loading{
    width: auto !important;
    max-width: 100% !important;
    max-height: 100%;
    height: auto !important;
    background: rgba(0,0,0,0.75)!important;
    box-shadow: none !important;
    left: 0!important;
    right: 0!important;
    margin: auto!important;
    top: 0!important;
    bottom: 0!important;
    overflow-y: hidden !important;
    z-index: 99999999;
    float: none !important;
    border-radius: 0 !important;
    border:none !important;
    opacity: 1 !important;
}
.background-loading {
    background: #fff url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/loader.svg) no-repeat center!important;
    box-shadow: 0 0 9px #888888!important;
    border: 0;
    border-radius: 0;
    opacity: 1 !important;
    width: 334px !important;
    height: 180px !important;
    top:0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    margin: auto !important;
    position: fixed;
}
/* 
    Projet : Connexing - responsive;
    By : Cassie;
    Date : 28/07/2015;
*/
/**
Add Nicolas GESLIN (08/24/2015)
add css cotation form

**/
/**

Sommaire :

    1. Structure (header, container, sidebar, footer)

    2. Navigation (primary, breadcrumb, pager...)
        - shortcut links
        - primary nav
        - aside
        - breadcrumb
        - pager

    3. Content
        - Home
        - List product
        - Account
        - Product
        - Panier
        - sitemap
        - partenaires
        - recyclage



    4. Elements (slider, boutons, icônes...)
        - HTML
        - Communs
        - Boutons
        - Formulaire
        - Reassurances
        - Search
        - Facebox
        - Slider
        - Cookie Bar

**/

/*=================================
=            Structure            =
=================================*/

/*==========  Header  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .header {
        width: 100%;
    }

    .header .logo {
        width: 150px;
        height: 45px;
        margin: 10px 0 0 10px;

        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/logo-mobile.jpg') -8px;
    }

    .header .logo img {
        display: none;
    }

    .header .links {
        display: none;
    }

    .header .form-language {
        float: left;
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        margin-top: 10px;
        margin-left: 10px;
    }
}

/*==========  Container  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .main {
        width: 100%;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*.main-container.col1-layout img
    {
     display: none;
    }*/
    .col1-layout .col-main {
        width: 100%;
    }
}

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

/*==========  Footer  ==========*/

@media (min-width: 320px) and (max-width: 640px) {
    .footer-container {
    }

    .footer-top {
        height: auto;
    }

    .footer-inner {
        width: 100%;
    }

    .professions {
    }

    .footer-top .professions:before,
    .footer-top .professions:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .footer-top .professions .home-menu-services {
        width: 100%;

        padding: 20px 0;
    }

    .footer-top .professions .home-menu-services li {
        width: 22%;
    }

    .footer-top .share {
        float: none;

        padding: 0 0 20px 20px;
    }

    .footer-top .share p,
    .footer-top .share a {
        float: none;
    }

    .footer-top .share a {
        width: 43px;
        height: 48px;
    }

    .footer-top .share p:last-child {
        width: 100%;
        text-align: center;
    }

    .footer-bottom {
    }

    .footer-bottom .footer-inner {
        padding: 20px 0 50px 20px;
    }

    .footer-bottom .footer-inner .address,
    .footer-bottom .footer-inner .heading,
    .footer-bottom .footer-inner table,
    .footer-bottom .footer-inner .footer_text {
        display: none;
    }

    .links {
    }

    .footer-bottom .links li {
        float: none;

        border-left: 0;
    }

    .footer-bottom .links li a {
        padding: 0;
    }

    .footer-bottom .footer-inner .phone-number {
        display: none;
    }

    .professions {
        width: 100%;
    }

    ul.home-menu-services {
        height: auto;
    }
}

/*=================================
=         End Structure          =
=================================*/

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

/*==========  Shorcut links  ==========*/

/*==========  Primary nav  ==========*/
.js-btn-toggle-menu {
    display: none;
}

.mobile-arrow {
    display: none;
}

.mobile-arrow-back {
    display: none;
}

@media (min-width: 320px) and (max-width: 640px) {
    .js-btn-toggle-menu {
        display: block;
        width: 60px;
        height: 60px;

        background-color: transparent;
        border: 0;
        border-right: 1px solid #fff;
        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/btn-menu.png') center no-repeat;
    }

    .nav-container {
        height: 60px;
        position: relative;
        z-index: 200;

        margin-top: 8px;
    }

    body {
        position: relative;
    }

    #nav-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;

        background: rgba(0, 0, 0, 0.4);
    }

    #nav {
        background-color: #fff;
        position: relative;
        bottom: 0;
        right: 0;
        left: -1000px;
        top: 0px;
        z-index: 4;
        padding-top: 0;
        width: 100%;
        display: none;
        /*-webkit-transform: scale(1,.9);
        -ms-transform: scale(1,.9);
        transform: scale(1,.9);
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        -webkit-transition: -webkit-transform .5s ease 0s;
        transition: transform .5s ease 0s;*/
        text-align: left;
    }

    #nav.is-open {
        left: 0;
        display: block;
    }

    #nav li.level-top {
        display: block;
        width: 100%;
        text-align: left;
    }

    #nav li.level-top > div {
        width: 100%;
        position: relative;
        overflow: visible;
        padding: 0;
        border: 0 !important;
        font-size: 16px;
        top: auto;
    }

    #nav li.level-top > a {
        color: #293c48;
        height: 54px;
        margin: 0;
        border-right: 0;
        border-left: 0;
    }

    #nav li.level-top > a span {
        display: block;

        padding: 20px 20px;

        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: white;
    }

    /* sous menu */
    #nav .menu-category ul.level0.left {
        padding: 0;
    }

    #nav li.level-top .menu-wrapper .menu-category ul.level0 {
        width: 100%;

        padding: 0;
    }

    #nav li.level-top .menu-wrapper .menu-image {
        display: none;
    }

    .level0 .nav-1.active.level-top.first.parent.over .shown-sub .menu-category .level0 .level1 .level1 {
        display: none;
    }

    #nav .menu-wrapper .menu-category .level0 .level1 .level1 {
        display: none;
    }

    #nav li.level-top .menu-wrapper .menu-image,
    #nav li.level-top .menu-wrapper .menu-category,
    #nav li.level-top .menu-wrapper .menu-uses,
    #nav li.level-top .menu-wrapper .menu-brands {
        width: 100%;
        height: auto !important;

        padding: 0;
        border-left: 0;
    }

    #nav li.level-top .menu-wrapper .menu-category {
        height: auto !important;
    }

    #nav .menu-uses ul.level1,
    #nav .menu-brands ul {
        padding: 0;
    }

    #nav .menu-uses ul.level1 li {
        margin-bottom: 0;
    }

    #nav li.level1,
    #nav li.level2,
    #nav .menu-brands li {
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .menu-wrapper .menu-brands li,
    #nav li.level-top .menu-wrapper .menu-brands li {
        height: 57px;
        line-height: 57px;
    }

    #nav li.level-top .menu-wrapper .menu-brands li:first-child {
        margin-top: 0;
    }

    #nav li.level1 > a,
    #nav li.level2 > a,
    #nav li.level-top .menu-wrapper .menu-uses > p,
    #nav li.level-top .menu-wrapper .menu-brands > p,
    #nav .menu-brands li > a {
        position: relative;
        margin: 0;
        font-weight: bold;
        line-height: 54px
    }

    #nav li.level1 > a span,
    #nav li.level2 > a span,
    #nav li.level-top .menu-wrapper .menu-uses > p,
    #nav li.level-top .menu-wrapper .menu-brands > p {
        display: block;
        padding: 12px 0 12px 65px;
        font-size: 24px;
        font-weight: normal;
        line-height: normal;
        color: #677176 !important;
    }
    #nav li.level2 > a span{
        font-size: 18px !important;
        padding: 6px 0 6px 65px !important;
    }

    #nav li.level-top .menu-wrapper .menu-uses > p,
    #nav li.level-top .menu-wrapper .menu-brands > p {
        padding: 20px 0 20px 70px;
        background: none;
        border-bottom: 1px solid #cdd4d8;
    }

    #nav li.level-top .menu-wrapper .menu-uses > p:hover,
    #nav li.level-top .menu-wrapper .menu-brands > p:hover {
        text-decoration: underline;
    }

    #nav .menu-brands li > a {
        display: inline-block;
        vertical-align: middle;
        line-height: inherit;

        padding-left: 50px;

        font-size: 16px;
        font-weight: normal;
    }

    #nav li.level-top > a,
    #nav li.level1 > a {
        float: left;
        width: calc(100% - 60px);
    }

    #nav li.level-top:hover {
        background: none;
    }

    #nav li.level-top:hover > a {
        color: #293c48;
        border: none !important;
    }

    #nav li.level-top.parent > .mobile-arrow,
    #nav li.level1.parent > .mobile-arrow,
    #nav li.level-top .menu-wrapper .menu-uses > p:after,
    #nav li.level-top .menu-wrapper .menu-brands > p:after {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        margin: 6px 15px 0 0;

        border-radius: 50%;
        border: 1px solid #cdd4d8;
        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/arrow-up.png') center center no-repeat;
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);

        content: "";
    }

    #nav li.level-top .menu-wrapper .menu-uses > p:after,
    #nav li.level-top .menu-wrapper .menu-brands > p:after {
        margin-top: -15px;
        content: "";
    }

    #nav li.level-top .menu-wrapper .menu-category > p {
        display: none;
    }

    #nav li.level-top .menu-wrapper .menu-category > p {
        display: none;
    }

    #nav li.level-top .menu-wrapper .menu-uses > ul {
        display: none;
    }

    #nav li.level-top .menu-wrapper .menu-brands > ul {
        display: none;
    }

    #nav li.level-top.mobile-open > .mobile-arrow,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-category > ul > li.mobile-level1-link-open > .mobile-arrow {
        display: none;
    }

    #nav li.level-top.mobile-open > .mobile-arrow-back,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-category > ul > li.mobile-level1-link-open > .mobile-arrow-back {
        display: block;
        float: left;
        width: 40px;
        height: 57px;
        margin: 0px 8px 0 0px;

        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/arrow-up.png') center center no-repeat;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #nav li.level-top.mobile-open > a span,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-category > ul > li.mobile-level1-link-open > a span {
        padding-left: 0;
    }

    #nav li.level-top.mobile-level1-open > .mobile-arrow,
    #nav li.level-top.mobile-level1-open > .mobile-arrow-back,
    #nav li.level-top.mobile-level1-open > a,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses > p,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands > p,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-category > ul > li {
        display: none !important;
    }

    #nav li.level-top.mobile-level1-open > div {
        top: 0;
    }

    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-category > ul > li.mobile-level1-link-open,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses.mobile-level1-link-open > p,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands.mobile-level1-link-open > p {
        display: block !important;
    }

    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses.mobile-level1-link-open > p,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands.mobile-level1-link-open > p {
        padding-left: 0px;
    }

    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses.mobile-level1-link-open > p:before,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands.mobile-level1-link-open > p:before {
        display: block;
        float: left;
        width: 40px;
        height: 57px;
        margin: -20px 8px 0 0px;

        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/arrow-up.png') center center no-repeat;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);

        content: "";
    }

    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses.mobile-level1-link-open > p:after,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands.mobile-level1-link-open > p:after {
        display: none;
    }

    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-category > ul > li.mobile-level1-link-open > ul {
        display: block !important;
        padding: 0;
    }

    #nav li.level1 > ul,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands ul {
        position: relative;
        width: 100%;
        padding: 0;
        border: 0 !important;
        background: #fff;
        font-size: 16px;
    }

    #nav .menu-uses li.level1 > ul,
    #nav .menu-brands ul {
        top: 54px !important;
    }

    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses.mobile-level1-link-open > ul,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands.mobile-level1-link-open > ul {
        display: block;
    }

    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses > ul > li > a,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses > ul > li > span,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands > ul > li > a,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands > ul > li > span {
        display: none !important;
    }

    #nav li.level1 > ul span,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-uses ul.level1 span,
    #nav li.level-top.mobile-level1-open > .menu-wrapper > .menu-brands > ul > li > a {
        /*display: block !important;*/
        color: #293c48;
        font-weight: normal;
    }
}

/*==========  Aside  ==========*/

/*==========  Breadcrumb  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .breadcrumbs {
        display: none;
    }
}

/*==========  Pager  ==========*/

/*=================================
=         End Navigation          =
=================================*/

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

/*==========  Home  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .num-vert-fixed {
        display: none;
    }

    .header .infos div.header-title a {
        font-size: 13px;
    }

    .header .quick-access {
        float: right;
        width: 126px;
        margin: 10px 10px 0 0;
    }

    .header .infos {
        width: 100%;
        clear: both;
        float: none;
        margin: auto;
        font-size: 0px;
        text-align: center;
    }

    .header .infos .customer,
    .header .infos .cart {
        width: calc(50% - 10px);
        float: none;
        display: inline-block;
        vertical-align: top;
        font-size: 0px;
    }

    .header .infos .customer:before {
        left: 8px;
    }

    .header .infos .customer .header-title {
        width: calc(100% - 35px);
        margin: 5px 0 5px 35px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        box-sizing: border-box;
        padding-right: 5px;
    }

    .col-main .reinsurance-block {
        width: auto;
        float: none;
        clear: both;
        margin-bottom: 15px;
    }

    .col-main div.reinsurance-block div.reinsurance-content li {
        width: calc(50% - 41px);
        float: left;
    }

    .col-main div.reinsurance-block div.reinsurance-content a.quote-button {
        clear: both;
    }

    .home-grid-products {
    }

    .products-grid {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .products-list-home {
        width: 100% !important;
    }

    .products-list-home li.item {
        width: 100%;
        margin-left: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .products-list-home .right {
        width: calc(100% - 110px);
        box-sizing: border-box;
    }

    .products-list-home .bottom {
        float: right;
    }

    .products-list-home .bottom .price-box {
        width: 121px;
        padding: 1px;
        text-align: center;
    }

    .price-label-teaser {
        font-size: 11px;
    }

    .product-shop .regular-price {
        padding-left: 0;
    }

    .product-shop button.button.add-to-cart.small {
        margin-right: 0;
    }

    .content-home a[title='Connexing Studio'] {
        margin-left: 0 !important;
    }

    .col1-layout .col-main .camera_wrap {
        height: 100% !important;
        min-height: auto !important;
    }

    .camerarelative {
        height: 0px !important;
        width: 0px !important;
    }

    .camera_target {
        overflow: hidden !important;
        position: static !important;
    }

    .cameraSlide {
        position: static !important;
        display: none !important;
    }

    .cameraSlide.cameracurrent {
        position: static !important;
        display: block !important;
    }
}

/*==========  List product  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .manufacturers-view-index .col2-left-layout .col-main,
    .catalogsearch-result-index .col2-left-layout .col-main,
    .catalog-category-view .col2-left-layout .col-main,
    .b2b-negotiated-index .col2-left-layout .col-main {
        float: none;

        width: 100%;
    }

    .pager .amount {
        float: none;
        margin-bottom: 5px;
    }

    .pager .limiter, .my-account .pager .limiter {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;

        margin-bottom: 7px;
    }

    .col-left .block {
        width: 100%
    }

    .col-left .phone-shop-block,
    .col-left .block-compare,
    .col-left .block-viewed,
    .col-left .block.block-services,
    .col-left .home-menu-services,
    .col-left a.button {
        width: 100%;
    }

    /* Slider Nos meilleurs ventes */
    .col-main .block-featured .slidesContainer {
        width: 150px !important;
    }

    .col-main .block-featured .slidesContainer .slidesControl {
        width: 150px !important;
    }

    .manufacturers-view-index .mini-products-list- li.slide,
    .catalogsearch-result-index .mini-products-list- li.slide,
    .b2b-negotiated-index .mini-products-list- li.slide,
    .catalog-category-view .mini-products-list- li.slide {
        width: 150px;
        margin: 0;
    }

    .manufacturers-view-index .mini-products-list- li.slide .product-name,
    .catalogsearch-result-index .mini-products-list- li.slide .product-name,
    .b2b-negotiated-index .mini-products-list- li.slide .product-name,
    .catalog-category-view .mini-products-list- li.slide .product-name {
        padding-bottom: 0 !important;
    }
}

/*==========  Account  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    #login-form .col2-set:first-child .col-2.registered-users {
        margin-top: 15px;
    }

    .account-login .form-list label {
        width: 100%;

        margin-bottom: 4px;
    }

    .account-login .form-list .input-box {
        float: left;
    }

    .account-login p.required {
        bottom: 2px;
    }

    .account-login .col2-set .col-1 .content, .account-login .col2-set .col-2 .content {
        height: 160px;
        padding-bottom: 12px;
    }

    .my-account {
        margin-top: 5px;
    }

    .table-wrapper {
        width: 100%;
    }
}

/*==========  Products  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .col1-layout .product-view .product-shop {
        width: 100%;
        float: none;

        padding-top: 30px;
    }

    .product-shop .product-shop-block-content .col-1-block,
    .product-shop .product-shop-block-content .col-2-block {
        width: 100%;
        float: none;

        border-right: 0;
    }

    /* title */
    .product-name {
        padding-bottom: 25px;
    }

    /* subtitle */
    .product-shop .subtitle {
        padding: 15px 0;
    }

    /* img */
    .product-view .product-img-box {
        width: 100%;
    }

    .product-view .product-img-box .product-image-zoom {
        width: 100%;
        height: 300px;
        box-sizing: border-box;
    }

    .product-view .product-img-box .product-image-zoom .pictos img {
        width: auto;
    }

    /* text, prix... */
    .product-shop .add-to-cart-box {
        min-height: 33px;

        margin-bottom: 0;
    }

    .product-shop .short-description {
        margin-bottom: 10px;
    }

    .product-shop .short-description .std ul {
        margin: 0 15px;
    }

    .product-shop .quick-infos {
        margin: 0 0px 10px;
        padding: 0px 0px 0px 0px;
    }

    .product-shop .product-shop-block-content .add-to-cart {
        padding-bottom: 8px;
        text-align: center;
    }

    .product-shop .product-shop-block-content .add-to-cart button.button {
        float: none;
        width: 100%;
        background: #FF9000;
    }

    .product-shop .product-shop-block-content .add-to-cart button.button span {
        width: 100%;
        font-weight: bold;
        box-sizing: border-box;
    }

    .product-shop .product-shop-block-content .phone-shop-block {
        text-align: center;
        padding: 5px 0;
    }

    .product-shop .product-shop-block-content .cotation-link,
    .product-shop .product-shop-block-content .cotation-link .label {
        display: block;
        width: 100%;
        height: 30px;
        box-sizing: border-box;

        text-align: center;
    }

    .product-shop .product-shop-block-content .cotation-link .label span {
        height: 30px;
        line-height: 30px;
        background-position: 0 2px;
    }

    .product-shop .product-shop-block-content .add-to-cart-box {
        margin: 0;

        text-align: left;
    }

    span.phone-label {
        margin-left: 0;
    }

    .options-separator.center-box {
        margin-top: 0;

        text-align: left;
    }

    /* product shop block footer */
    .product-shop .product-shop-block-footer {
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,d9d9d9+100 */
        background: rgb(253, 253, 253); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 253, 253, 1)), color-stop(100%, rgba(217, 217, 217, 1))) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* IE10+ */
        background: linear-gradient(to bottom, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#d9d9d9', GradientType=0); /* IE6-9 */
    }

    .product-view .section {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;

        border-bottom: 0;
    }

    .product-view .section:nth-child(n+2) {
        margin-top: 0;
    }

    .product-view .section:nth-child(3) {
        border-radius: 5px 5px 0 0;

        margin-top: 30px;
    }

    .product-view .section:nth-child(8) {
        border-radius: 0 0 5px 5px;
    }

    .product-view .section .tabs {
        height: auto;

        border-bottom: 0;
        background: none;
    }

    .product-view .section:nth-child(8) .tabs {
        border-bottom: 1px solid #cccccc;
        border-radius: 0 0 5px 5px;
    }

    .product-view .section:nth-child(8) .tabs.is-open {
        border-radius: 0;
    }

    .product-view .section .tabs li {
        float: none;
        padding: 10px 15px;
        border-radius: 0;
        border-right: 0;
    }

    .product-essential .section .tabs li {
        display: none;
    }

    .product-view .section .tabs li:first-child {
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }

    .product-view .section .tabs li.current,
    .product-view .section .tabs li:hover {
        display: block;
        position: relative;
        padding-left: 40px;

        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,d9d9d9+100 */
        background: rgb(253, 253, 253); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 253, 253, 1)), color-stop(100%, rgba(217, 217, 217, 1))) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* IE10+ */
        background: linear-gradient(to bottom, rgba(253, 253, 253, 1) 0%, rgba(217, 217, 217, 1) 100%) !important; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#d9d9d9', GradientType=0); /* IE6-9 */
    }

    .product-view .section .tabs li.current.top-arrow,
    .product-view .section .tabs li.top-arrow:hover {
        background: #293c49 !important;
    }

    .product-essential .section .tabs li.current:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        top: 50%;
        left: 15px;
        margin-top: -7px;
        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/arrow-down.png');
    }

    .product-essential .section .tabs li.current.top-arrow:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        top: 50%;
        left: 15px;
        margin-top: -7px;
        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/arrow-up.png');
    }

    .product-view .section .tabs li.current a,
    .product-view .section .tabs li:hover a {
        color: #283c49;
    }

    .product-view .section .tabs li.current.top-arrow a,
    .product-view .section .tabs li.top-arrow:hover a {
        color: #fff;
    }

    .box.visible {
        height: 0;
        overflow: hidden;

        padding: 0;
    }

    .box.visible.description.is-open,
    .box.visible.technical.is-open,
    .box.visible.is-open,
    .box.visible.related.is-open {
        height: auto;
        overflow: auto;

        padding: 10px !important;
    }

    .product-view .section:nth-child(8) .box.visible.is-open {
        padding: 0 !important;
    }

    .product-view .section .box.description {
        padding: 0;
    }

    .row-block {
        text-align: center;
    }

    /* slider */
    .product-view .product-essential .section .related .mini-products-list- {
        padding: 10px 0;
    }

    .product-view .section .box .slidesContainer {
        width: 150px !important;
        height: auto !important;
        min-height: 230px;
        overflow: visible !important;
    }

    .product-view .section .box .slidesContainer .slidesControl {
        width: 150px !important;
        height: 225px !important;
    }

    .product-view .section .box .mini-products-list- li.slide {
        width: 150px !important;
        height: 225px !important;
    }

    .product-view .section .box .slidesPrevious,
    .product-view .section .box .slidesNext {
        top: 50%;
        margin-top: -31px;
    }

    .product-view .product-essential .section .mini-products-list- .slide .product-name {
        padding-bottom: 0px !important;
    }

    .mini-products-list- .slidesContainer .product button.button.add-to-cart.small {
        position: relative;
    }

    /* commentaires cliens */
    .data-table th {
        padding: 5px 2px;

        font-size: 11px;
    }

    .product-view .box.review .form-add .form-list textarea {
        width: 100%;
    }

    .block-carroussel .block-content .mini-products-list- .product {
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .block-carroussel .mini-products-list- .product .product-name {
        padding-bottom: 0px;
    }
}

/*==========  Panier  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    /* popup */
    body #ajaxcart_content_option_product {
        width: 100%;
        max-height: calc(100% - 50px);
        top: 0;
        left: 0;
        margin-top: 0;
        margin-left: 0;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: scroll !important;
        -webkit-overflow-scrolling: touch;
    }

    #popup_addtocart.mini-products-list- .product .product-name {
        padding-bottom: 0;
    }

    #ajaxcart_content_option_product ul.mini-products-list- {
        max-height: none;
    }

    #ajaxcart_content_option_product ul.mini-products-list- form {
        clear: both;
        margin-left: 17px;
    }

    #popup_addtocart div.product-details .price-box,
    #popup_addtocart.mini-products-list- .product button.button.add-to-cart.small {
        margin-top: 5px;
    }

    #popup_addtocart div.product-details {
        margin-top: 0;
    }

    #ajaxcart_content_option_product #ajaxcart_continue_shopping, #ajaxcart_content_option_product #ajaxcart_checkout {
        width: 138px;

        margin: 5px 0;
    }

    #ajaxcart_content_option_product .ajaxcart-product-infos .price-box {
        margin-left: 0;
    }

    #ajaxcart_content_option_product .ajaxcart-buttons + p {
        display: none;
    }

    #ajaxcart_content_option_product #ajaxcart_continue_shopping span, #ajaxcart_content_option_product #ajaxcart_checkout span {
        font-size: 9px;
    }

    /* panier */
    /* tableau récap */
    .cart > form {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .checkout-cart-index .col2-set .col-2,
    .cart .cart-collaterals .col2-set,
    .block-warranties,
    .block-shipping,
    .block-discount,
    .block-totals {
        width: 100%;
    }

    .block-totals {
        margin-top: 10px;
    }

    /* coupon réduc */
    .block-shipping .input-box,
    .block-discount .input-box {
        float: none;
    }

    input#coupon_code {
        margin-top: 5px;
    }

    /*.buttons-set button.button
    {
     float: none;
    }*/
    .opc .buttons-set button.button,
    .account-login .buttons-set button.button {
        float: right;
    }

    /* 1re etape */
    .col3-set .col-2,
    .col3-set .col-1,
    .col3-set .col-3 {
        float: none;
        width: 100%;
    }

    .my-account .block .block-content {
        overflow-x: auto;
    }

    .block-account .block-content .col2-set:last-child .box-title a {
        position: relative;
        margin: 3px 0;
        display: block;
        width: 107px;
    }

    .customer-address-index .my-account .block > .block-title a {
        position: relative;
        top: 0;
        left: 5px;
    }

    #checkout-shipping-method-load {
        background-position: 100% 50%;
        background-size: 25%;
    }

    .checkout-cart-index .col2-set .col-1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .block-crosssell {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }

    .block-crosssell .product-details {
        width: calc(100% - 105px);
        margin-bottom: 10px;
    }

    .block-warranties {
        float: none;
        box-sizing: border-box;
    }

    #discount-coupon-form {
        overflow-x: hidden;
    }

    #discount-coupon-form .block-discount {
        box-sizing: border-box;
    }
}

/*==========  sitemap  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .page-sitemap .links {
        margin: 0;

        text-align: center;
    }

    #sitemap_top_links,
    .catalog-seo-sitemap-category .links li,
    .page-sitemap .pager .pages {
        float: none;
        border-left: 0;
    }
}

/*==========  partenaires  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .cms-partenaires .main-container .col-main .std table {
        width: 100%;
    }

    .cms-partenaires .main-container .col-main .std table tbody tr p {
        width: 100% !important;
    }

    .cms-partenaires .main-container .col-main .std table tbody tr p img {
        width: 100%;
        height: auto;
    }

    .cms-partenaires .main-container .col-main .std table tbody td span,
    .cms-partenaires .main-container .col-main .std table tbody td a {
        /* Nicolas GESLIN comment this line (error syntax...)
       /* word-break: break-word;*/
    }
}

/*==========  recyclage  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .cms-recyclage-telephone #block-carroussel-ecorecycle .slidesContainer {
        width: 150px !important;
    }

    .cms-recyclage-telephone #block-carroussel-ecorecycle .slidesContainer .slidesControl {
        width: 150px !important;
    }

    .cms-recyclage-telephone #block-carroussel-ecorecycle .slidesContainer .slidesControl li.item {
        width: 150px;
        margin: 0;
    }

    .manufacturers-view-index .mini-products-list- li.item .product-name,
    .catalogsearch-result-index .mini-products-list- li.item .product-name,
    .b2b-negotiated-index .mini-products-list- li.item .product-name,
    .catalog-category-view .mini-products-list- li.item .product-name {
        padding-bottom: 10px !important;
    }
}

@media (min-width: 320px) and (max-width: 640px) {
    .cms-reparation-telephone #block-carroussel-reparation .slidesContainer {
        width: 150px !important;
    }

    .cms-reparation-telephone #block-carroussel-reparation .slidesContainer .slidesControl {
        width: 150px !important;
    }

    .cms-reparation-telephone #block-carroussel-reparation .slidesContainer .slidesControl li.item {
        width: 150px;
        margin: 0;
    }

    .manufacturers-view-index .mini-products-list- li.item .product-name,
    .catalogsearch-result-index .mini-products-list- li.item .product-name,
    .b2b-negotiated-index .mini-products-list- li.item .product-name,
    .catalog-category-view .mini-products-list- li.item .product-name {
        padding-bottom: 10px !important;
    }
}

/*==========  cotation form ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    /* webform_22_form */
    .webforms-cotation_form {
        width: 100%;
        box-sizing: border-box;
        overflow-x: visible;
    }

    .cms-formulaire-de-cotation .webforms-cotation_form {
        margin: 0;
    }

    .webforms-cotation_form .block {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 10px 0;
    }

    .cms-formulaire-de-cotation .block .block-content {
        height: auto;
        width: 100%;
        box-sizing: border-box;
    }

    .webforms-cotation_form .form-list,
    .webforms-cotation_form .fields {
        margin: 0;
    }

    .webforms-cotation_form .webforms-fields- {
        width: 100%;
    }

    .webforms-cotation_form .form-list input.input-text {
        width: 100%;
        padding: 2px 0 2px 0;
    }

    .webforms-cotation_form .buttons-set button.button {
        float: none;
    }

    .webforms-cotation_form .buttons-set {
        text-align: center;
    }

    /*==========  warranty popup ==========*/
    #popup_pro_warranty {
        width: 100%;
        position: relative;
        top: 0 !important;
        left: 0 !important;
        margin-left: 0;
    }

    #popup_deliver_info .bottom {
        width: 100%;
    }

    #popup_deliver_info .bottom .left,
    #popup_deliver_info .bottom .right {
        position: static;
        top: 0;
        float: none !important;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    #popup_deliver_info .bottom .left {
        border-right: 1px solid #7a7a7a;
    }

    #popup_deliver_info .bottom .right {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        filter: none;
    }

    #popup_deliver_info .bottom .left span.title,
    #popup_deliver_info .bottom .right span.title {
        height: auto;
    }

    #popup_deliver_info .bottom .left span.infos,
    #popup_deliver_info .bottom .right span.infos {
        height: auto;
        margin-bottom: 15px;
    }

    #popup_deliver_info .bottom .right .infos .trip span {
        width: 100%;
    }

    #popup_payment_info .left,
    #popup_payment_info .right {
        float: none !important;
        width: 100%;
    }

    #popup_payment_info .title_wrapper:after {
        display: none;
    }

    #popup_payment_info .title_wrapper p {
        width: 100%;
        box-sizing: border-box;
    }

    #popup_payment_info .image_wrapper {
        position: static;
        width: 100%;
        top: 0;
        margin-top: 10px;
        text-align: center;
    }

    #popup_payment_info .content {
        width: 100%;
        margin-left: 0;
    }

    #popup_payment_info .warning {
        width: 100%;
        box-sizing: border-box;
    }

    #popup_payment_info .bottom {
        width: 100%;
    }

    .wrapper-list-pro-warranty ul {
        width: 100%;
        float: none;
    }

    p.content-home {
        display: none;
    }

    div.delivered {
        padding: 0;
        margin-bottom: 2px;
    }

    .product-shop-block-content .old-price {
        text-align: right !important;
        margin-top: -75px;
    }

    .product-shop-block-content img {
        margin-bottom: 30px;
    }

    .product-shop-block-content .product-before-price {
        left: 0;
        text-align: right;
        padding-bottom: 25px;
    }

    .product-shop-block-content .price-label {
        left: 0;
    }

    .catalog-product-view .product-shop .minimum-price-box {
        font-size: 30px;
    }
}

/*==========  CMS pages  ==========*/

.cms-page-view img[src$="materiel-eco-recycle.jpg"],
.cms-page-view img[src$="reprise-de-mat_riel-telephonique.jpg"],
.cms-page-view img[src$="recyclage.jpg"],
.cms-page-view img[src$="gains.png"],
.cms-page-view img[src$="composant.jpg"],
.cms-page-view img[src$="reparation-telephone-fixe-et-mobile.jpg"] {
    display: block;
    margin: auto;
    max-height: 150px;
    margin-top: 15px;
}

/*=================================
=         End Content            =
=================================*/

/*=================================
=            Elements            =
=================================*/

/*==========  HTML  ==========*/

/*==========  Communs  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .f-left, .left,
    .f-right, .right {
        float: none;
    }

    .col-left {
        float: none;

        width: 100%;
        text-align: center;
    }

    .col2-left-layout .col-main {
        float: none;
        width: 100%;
    }

    .col2-set .col-1,
    .col2-set .col-2 {
        float: none;
        width: 100%;
    }

    .cms-page-view caption, .cms-page-view th, .cms-page-view td, .product-view .description caption, .product-view .description th, .product-view .description td, .static-contact caption, .static-contact th, .static-contact td {
        width: 100% !important;
        display: block;
        box-sizing: border-box;
    }

    .product-view .description table {
        display: block;
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
        box-sizing: border-box;
    }

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

    #shopping-cart-table img {
        max-width: none !important;
    }

    /* popup */
    .popup_block {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #popup_cart_empty {
        padding: 30px;
    }

    #popup_cart_empty .top .title {
        font-size: 36px;
    }

    #popup_cart_empty .bottom .left,
    #popup_cart_empty .bottom .right {
        float: none !important;
        width: 100%;
    }

    .page-title h1,
    .page-title h2,
    .cms-page-view .page-title {
        padding-top: 20px;
    }

    object[type="application/x-shockwave-flash"] {
        width: 100% !important;
        height: auto !important;
    }

    .products-grid .grid-button {
        width: 160px;
    }

    .products-grid .product-name {
        font-size: 18px;
    }

}

/*==========  Boutons  ==========*/

/*==========  Formulaire  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .form-list li.wide input.input-text {
        display: block;
        clear: both;
        width: 255px;
    }

    .catalog-product-view form {
        overflow-x: visible !important;
    }

    .search form {
        overflow: visible;
    }

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

    .form-list .field {
        width: 100%;
    }

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

/*==========  Reassurances  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .reinsurance-block-bottom.clearfix {
        margin-top: 25px;

        text-align: center;
    }

    .reinsurance-block-bottom > div {
        width: 100%;

        padding: 0 0 20px;
        border: 0;
    }

    .reinsurance-block-bottom > div + div {
        width: 100%;

        padding-right: 0;
    }

    .reinsurance-block-bottom > div:last-child {
        width: 100%;
    }

    .reinsurance-block-bottom > div + div .title {
        margin-left: 0;
    }

    .reinsurance-block-bottom .secure-payment .title {
        margin-bottom: 10px;
    }

    .reinsurance-block-bottom > div.strengths .image,
    .reinsurance-block-bottom > div.secure-payment .image {
        margin: 5px auto;
    }

    .reinsurance-block-bottom > div.secure-payment .image {
        margin-top: 15px;
    }

    .reinsurance-block-bottom .service-quality,
    .reinsurance-block-bottom .strengths,
    .reinsurance-block-bottom .secure-payment {
        height: auto;
    }
}

/*==========  Search  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    .searchautocomplete {
        width: calc(100% - 61px) !important;
        height: 52px !important;
        top: 0 !important;
        left: 61px;

        padding-top: 13px !important;

        background-color: #283c49 !important;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .searchautocomplete > label {
        display: none;
    }

    .quick-access .searchautocomplete label[for=search],
    .quick-access .searchautocomplete .nav-search-in,
    .nav-search-in {
        display: none;
    }

    .searchautocomplete .nav {
        width: calc(100% - 44px) !important;
        max-width: 395px;
    }

    .searchautocomplete .nav .nav-input {
        padding-left: 0 !important;
    }

    .searchautocomplete .nav-submit-button .button {
        background-color: #ff9000 !important;
        background-image: none !important;
        border: 1px solid #ff9000 !important;
    }

    .searchautocomplete .searchautocomplete-placeholder:before {
        left: auto !important;
        right: 10px !important;
    }

    .searchautocomplete .searchautocomplete-placeholder {
        width: 280px !important;
        top: 52px !important;
        right: 15px !important;
    }
}

/*==========  Facebox  ==========*/
@media (min-width: 320px) and (max-width: 640px) {

    #facebox .content {
        width: 250px !important;
    }

    #facebox .image {
        width: 250px;
    }

    #facebox .image + .image {
        display: none;
    }

    #facebox .image img {
        width: 250px;
    }

    #facebox_overlay {
        z-index: 201;
    }

    #facebox {
        z-index: 202;
    }
}

/*==========  Facebox  ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    div.slideshow_titles > div {
        position: absolute !important;
        width: 100%;
        left: 0;
        right: 0;
    }
    div.camera_caption {
        display: none !important;
    }
    div.slideshow_titles > div.active:before,
    div.slideshow_titles > div:hover:before {
        top: -8px !important;
        left: 50% !important;
    }
}

/*==========  Cookie Bar ==========*/
@media (min-width: 320px) and (max-width: 640px) {
    #cookieChoiceInfo span {
        display: block;
        width: calc(100% - 20px);
        margin-bottom: 10px;
    }

    #cookieChoiceInfo span + a {
        margin-left: 0px !important;
    }

}

/*=================================
=         End Navigation          =
=================================*/


/*==========  Modifications Connexing ==========*/
/*Landing Page CMS Resolutions Travail*/
@media (min-width: 320px) and (max-width: 640px) {
    .CNG-BT-CMS-Resolution{
        border-radius: 15px;
        border-color: #5587a2;
        border-style: solid;
        margin: 10px;
        width:320px;
        display: inline-block;

    }

}


@media (max-width: 1200px) {
    .header-container.rf .header-bottom .global-container > div.infos {
        width: 14%;
    }
    .header-container.rf .header-bottom .global-container > div.infos >div{
        margin-left: 0;
    }
    .header-container.rf .global-container .top-header .header_shipping{
        width: 22%;
    }
    .header-container.rf .global-container .top-header .links{
        margin-right: 0;
    }
    .main .compatibles .global-container .flex-direction-nav li a.flex-prev{
        left: -24px;
    }
    .main .compatibles .global-container .flex-direction-nav li a.flex-next{
        right: -24px;
    }
    body:not(.cms-home):not(.blog-post-view) .main {
        max-width: 980px;
    }
    .category-description {
        margin: 0 0 60px;
    }
    .manufacturers-view-index .pager .right,
    .catalogsearch-result-index .pager .right,
    .b2b-negotiated-index .pager .right,
    .catalog-category-view .pager .right {
        width: 55%;
    }
    .pager .right div label {
        padding-bottom: 4px;
    }
    .manufacturers-view-index .products-grid li.item,
    .catalogsearch-result-index .products-grid li.item,
    .b2b-negotiated-index .products-grid li.item,
    .catalog-category-view .products-grid li.item {
        width: 31%;
    }
    .product-shop .price-box {
        width: 82%;
    }
    .products-grid .product-image{
        height: 230px;
    }
    .f-fix {
        padding: 0 14px;
    }
    .toolbar-bottom .pager .pages {
        margin: 15px 0 43px 0;
    }
    body:not(.cms-home) .main .global-container .nos-metiers {
        margin-bottom: 37px;
    }
    .main .global-container .widget-latest .bx-controls div a.bx-next{
        right: 20px;
    }
    .main .global-container .widget-latest .bx-controls div a.bx-prev {
        left: 20px;
    }
    .blog-post-view .postWrapper .postContent .global-container.text{
        max-width: 100%;
        padding: 0 15px;
        width: auto;
    }
    .blog-post-view .menu-recent ul li{
        margin-right: 0;
    }
    .blog-post-view .main .breadcrumbs {
        max-width: 100%;
        margin: 15px;
    }
    .product-shop .blocBottom .leftInfo {
        width: 36%;
    }
    .sticky-actions .add-to-cart .button.add-to-cart.big span{
        padding: 10px 32px;
    }
    .product-shop .blocBottom .rightInfo .qty {
        margin-left: 15px;
    }
    .manufacturers-view-index .col1-layout .products-grid li.item, .catalog-category-view .col1-layout .products-grid li.item, .catalogsearch-result-index .col1-layout .products-grid li.item, .b2b-negotiated-index .col1-layout .products-grid li.item{
        width: 31%;
    }
    .manufacturers-view-index .col1-layout .products-grid li.item:nth-child(4n),
    .catalog-category-view .col1-layout .products-grid li.item:nth-child(4n),
    .catalogsearch-result-index .col1-layout .products-grid li.item:nth-child(4n),
    .b2b-negotiated-index .col1-layout .products-grid li.item:nth-child(4n){
        margin-right: 10px;
    }
    .manufacturers-view-index .col1-layout .products-grid li.item:nth-child(3n),
    .catalog-category-view .col1-layout .products-grid li.item:nth-child(3n),
    .catalogsearch-result-index .col1-layout .products-grid li.item:nth-child(3n),
    .b2b-negotiated-index .col1-layout .products-grid li.item:nth-child(3n){
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    .header-container.rf .header-bottom .global-container > div.logo {
        margin-left: 64px;
    }
    .header-bottom .searchautocomplete {
        margin-left: 30px;
        width: 276px;
    }
    .header-bottom .searchautocomplete .nav {
        width: 250px;
    }

    .header-container.rf .header-bottom .global-container > div.infos >div {
        margin-left: 10px;
    }
    .header-container.rf .global-container .top-header {
        width: 100%;
    }
    .header-container.rf .global-container .top-header .links li{
        padding-right: 6px;
    }
    .header-container.rf .global-container .top-header .header_shipping{
        width: 21%;padding: 10px 0 10px 5px;
    }
    .header-container.rf .global-container .top-header #select-language {
        margin-left: 50px;
    }
    #nav li.level-top > a > span{
        font-size: 13px;
        padding: 0 5px;
    }
    #nav .cmsBlock .menu .link{
        margin: 0 8px;
    }
    #nav li.level1{
        width: 30%;
    }
    .reassurance-bloc ul{
        text-align: center;
    }
    .reassurance-bloc ul li{
        display: inline-block;
        width: 19%;
    }
    .reassurance-bloc ul li .text{
        font-size: 11px;
        text-align: left;
    }
    .products-list-home li.item .content .image {
        height: 197px;
    }
    .univers-generalBlock{
        margin-top: 118px;
    }
    .main .univers-generalBlock .univers .bloc{
        margin-bottom: 20px;
    }
    .main .univers-generalBlock .univers:last-child{
        margin-bottom: 0;
    }
    .main .global-container .nos-metiers {
        margin-top: 46px;
        margin-bottom: 97px;
    }
    .main .univers-generalBlock .full-size .univers .bloc {
        height: 239px;
    }
    .main .univers-generalBlock .univers .bloc .image a:hover + img{
        -webkit-transform: rotate(0deg) scale(1);
        -moz-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    .main .compatibles .global-container .flex-direction-nav li a.flex-next{
        right: 10px;
    }
    .main .compatibles .global-container .flex-direction-nav li a.flex-prev{
        left: 10px;
    }
    body:not(.cms-home):not(.blog-post-view) .main{
        margin: 0 10px;
        width: auto;
        max-width: 100%;
    }
    .product-view #related .bx-controls div a.bx-prev{
        left: 7px;
    }
    .product-view #related .bx-controls div a.bx-next{
        right: 7px;
    }
    .header-container.rf .global-container .top-header .select-language{
        margin-left: 7px;
    }
    .header-container.rf .global-container .top-header .links{
        padding: 10px 0;
    }
    .main .global-container .widget-latest .bx-controls div a.bx-prev, .main .compatibles .global-container .bx-controls div a.bx-prev{
        left: 10px;
    }
    .main .global-container .widget-latest .bx-controls div a.bx-next, .main .compatibles .global-container .bx-controls div a.bx-next{
        right:10px;
    }
    .sticky-Add-header.fixed {
        top: 177px;
    }
}
@media (max-width: 1023px){
    .category-description.std .category-title.main{
        margin-top: 0;
    }
    .category-description.std .category-title.main h1 {
        margin: 13px 13px;
    }
    .category-description .general-desc {
        top: 52px;
        left: 28px;
        right: 28px;
    }
    .category-description .general-desc .list {
        margin-top: 9px;
        right: 15px;
    }
    .category-description ul {
        margin-right: 38px;
    }
    .category-description ul li.title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .col-left .block-layered-nav dd {
        margin-bottom: 10px;
        padding: 6px 0 0 10px;
    }
    .product-shop .price-box {
        width: 79%;
    }
    .header-container.rf .header-bottom .global-container > div.infos {
        display: block;
        margin: auto;
    }
}
@media (max-width: 980px) {
    .header-container.rf .global-container .top-header {
        width: auto;
        text-align: center;
        margin: auto;
    }

    .header-container.rf .global-container .top-header #select-language {
        margin-left: 0;
        vertical-align: top;
        padding: 9px 0;
    }

    .header-container.rf .global-container .top-header .header_shipping {
        width: 16%;
        padding: 7px 0 7px 15px;
        text-align: left;
    }

    .header-container.rf .header-bottom .global-container > div.logo {
        margin-left: 7px;
    }

    .header-bottom .searchautocomplete {
        margin-left: 0;
        width: 250px;
    }

    .header-bottom .searchautocomplete .nav {
        width: 218px;
    }

    .header-container.rf .header-bottom .global-container > div.phone-number {
        margin: 19px 0 0 10px;
    }

    .header-container.rf .header-bottom .global-container > div.infos {
        width: 17%;
        display: block;
        margin: auto;
    }

    #nav .cmsBlock .menu .link a {
        padding: 0 15px;
        font-size: 12px;
    }

    #nav li.level1 {
        width: 48%;
    }

    .reassurance-bloc ul li {
        width: 21%;
    }

    .reassurance-bloc ul li .text {
        margin-left: 4px;
    }

    .products-list-home li.item {
        margin: 0 14px 0 0;
    }

    .main .univers-generalBlock .information-bloc ul li .text span:first-child {
        font-size: 25px;
    }

    .main .univers-generalBlock .information-bloc ul li .text span {
        font-size: 16px;
    }

    .main .univers-generalBlock .full-size .univers .bloc {
        height: 177px;
    }

    .main .global-container .nos-metiers ul li {
        margin-right: 14px;
    }

    .header-container.rf .global-container .top-header .select-language .other-stores-tree {
        margin-top: 4px;
    }
    .header-container.rf .global-container .top-header .links {
        width: 60%;
    }
    .blog-post-view .menu-recent ul li{
        width: 44%;
        margin-bottom: 10px;
    }
    .product-shop .blocPriceInfo .leftInfo{
        display: block;
    }
    .product-shop .blocPriceInfo .rightInfo{
        display: block;
        float: none;
    }
    .product-shop .blocPriceInfo .rightInfo .product-price .product-before-price{
        text-align: center;
    }
    .catalog-product-view .product-shop .minimum-price-box,
    .product-shop .special-tier-price-box .price-left,
    .price-right,.catalog-product-view .old-price .price{
        text-align: center;
        float: none;
        display: block;
    }
    .product-shop .blocBottom .rightInfo .actions{
        padding-top: 10px;
    }
    .product-shop .blocBottom .rightInfo .qty, .product-shop .blocBottom .rightInfo .shipping{
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
    .product-shop .reassuranceBlock,.product-shop .blocPriceInfo .rightInfo,.product-shop .blocBottom .rightInfo{
        margin-right: 0;
        margin-left: 0;
    }

    .product-shop .blocPriceInfo .rightInfo{
        margin-top: 10px;
    }
    .product-shop .blocPriceInfo{
        margin-left: 0;
        margin-top: 5px;
    }
    .product-shop .blocBottom .rightInfo{
        display: block;
        vertical-align: top;
        float: none;
        width: auto;
        margin-left: 0;
    }
    .product-shop .blocBottom .rightInfo .qty{
        margin-left: 0;
    }
    .product-shop .reassuranceBlock .reassurance-bloc ul{
        margin-top: 10px;
    }
    .product-shop .blocBottom .leftInfo{
        display: block;
        margin: auto;
        height: 115px;
        width: 50%;
        overflow: hidden;
    }
    .header-container.rf .global-container .top-header .links{
        width: 60%;
    }
    .sticky-actions .options-separator.center-box .label span{
        padding: 0 34px;
    }
    .header-container.rf .header-bottom .global-container > div.infos >div{
        margin-left: 1px;
    }
    .sticky-actions .options-separator.center-box, .sticky-actions .add-to-cart, .sticky-actions .book{
        display: block;
    }
    .sticky-actions .options-separator.center-box a{
        display: block;
    }
    .sticky-actions .add-to-cart, .sticky-actions .book {
        display: block;
        vertical-align: middle;
        margin-right: 22px;
        margin-top: 4px;
    }
}

@media (max-width: 768px) {
    .header-container.rf .global-container .top-header .select-language{
        float: none;
    }
    .header-container.rf .global-container .top-header .links{
        float: none;
    }
    .header-container.rf .global-container .top-header .header_shipping{
        text-align: center;
        width: 100%;
    }
    .nav-container{
        padding-top: 18px;
    }
    .header-container.rf .header-bottom .global-container > div.infos{
        width: 18%;
    }
    #nav li.level-top .menu-wrapper .menu-image{
        display: none;
    }
    #nav li.level-top .menu-wrapper .menu-category{
        width: 73%;
    }
    #nav li.level-top .menu-wrapper .menu-brands{
        width: 25%;
    }
    #nav .cmsBlock .menu .link {
        margin: 0 8px 5px 0;
    }
    .category-description ul {
        margin-right: 9px;
    }
    .category-description ul li.title {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .category-description ul li.info {
        font-size: 12px;
    }
    .product-shop .reassuranceBlock .reassurance-bloc ul li {
        width: 50%;
        margin: 0 auto;
        display: inline-block;
    }
    .product-view .mini-products-list- li {
        width: 30%;
    }
    .header-container.rf .global-container .top-header .select-language {
        float: none;
        display: block;
        margin: 7px auto;
    }
    .header-container.rf .global-container .top-header .header_shipping,.header-container.rf .global-container .top-header .select-language {
        display: inline-block !important;
    }
    .header-container.rf .global-container .top-header .header_shipping {
        text-align: center;
        width: auto;
        float: none;
        display: block;
        padding: 7px 0;
    }
    .header-container.rf .global-container .top-header .links {
        float: none;
        width: auto;
        text-align: center;
    }
    .header-container.rf .global-container .top-header .links li {
        padding-right: 6px;
        float: none;
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .reassurance-bloc ul {
        text-align: left;
        margin-top: 24px;
        margin-bottom: 11px;
    }
    .reassurance-bloc ul li {
        width: 68%;
        margin: 21px auto;
        display: block;
    }
    .reassurance-bloc ul li .text span {
        display: initial;
    }
    .reassurance-bloc ul li .text {
        margin-left: 31px;
        margin-top: 14px;
        font-size: 17px;
    }
    .products-list-home li.item{
        width: 38%;
        margin: 0 14px 4px 0;
    }
    .main .univers-generalBlock .univers .bloc {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .main .univers-generalBlock .full-size .univers .bloc {
        height: 148px;
    }
    .blog-post-view .block-carroussel .block-content .mini-products-list- li{
        width: 40%;
    }
    .buttonF{
        margin-right: 0;
    }
    .infoBottom .tabs{
        width: 72%;
    }
    .product-view .short-description {
        margin-left: 17px !important;
        margin-right: 0;
    }
    .product-shop .subtitle{
        margin: 9px 0 0;
    }
    .product-view .product-name {
        padding-left: 0;
    }
    .header-container.rf .header-bottom .global-container > div.infos{
        width: 18%;
        display: inline-block;
    }
    .sticky-Add-header.fixed {
        top: 142px;
    }
    #nav li.level-top > a > span {
        font-size: 10px;
        padding: 0 4px;
        line-height: 16px;
    }
    #nav li.level-top > div{
        top: 52px;
    }
}
@media (max-width: 734px) {
    .sticky-Add-header.fixed {
        top: 194px;
    }
}

@media (max-width: 640px) {
    .header-container.rf .global-container .top-header{
        display: none;
    }
    .products-list-home{
        display: block;
        justify-content: left;
    }
    .products-list-home li.item{
        width: auto;
        margin: 0 0 4px 0;
        float: none;
        overflow: hidden;
    }
    .products-list-home li.item .content .image{
        height: 197px;
        display: inline-block;
        vertical-align: middle;
        width: 49%;
        overflow: hidden;
        clear: both;
    }
    .products-grid .product-name {
        font-size: 24px;
        display: inline-block;
        vertical-align: middle;
        color: #68727A;
        font-weight: bold;
        margin-top: 27px;
        width: 49%;
        text-align: left;
    }
    .univers-generalBlock {
        margin-top: 0;
    }
    .main .univers-generalBlock .univers:last-child {
        margin-top: 0;
    }

    .main .univers-generalBlock .full-size .univers .bloc {
        height: 330px;
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .main .univers-generalBlock .information-bloc{
        margin-bottom: 91px;
        margin-top: 14px;
        clear: both;
    }
    .main .univers-generalBlock .information-bloc ul {
        padding: 44px 0 0 0;
    }
    .main .univers-generalBlock .information-bloc ul li {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 49px;
    }
    .main .univers-generalBlock .information-bloc ul li .text span:first-child {
        font-size: 30px;
    }
    .main .univers-generalBlock .information-bloc ul li .text span {
        font-size: 20px;
    }
    .main .global-container .productSelection h2, .main .global-container .nos-metiers h2, .main .univers-generalBlock h2, .main .compatibles .global-container h2{
        font-size: 32px;
        margin-bottom: 41px;
    }
    .main .global-container .nos-metiers ul{
        text-align: center;
    }
    .main .global-container .nos-metiers ul li{
        float: none;
        display: inline-block;
        width: 38%;
    }
    .main .global-container .nos-metiers ul li.even {
        margin-top: 0;
        margin-bottom: 14px;
    }
    .main .global-container .nos-metiers ul li:nth-child(2),
    .main .global-container .nos-metiers ul li:nth-child(4){
        margin-right: 0;
    }
    .main .univers-generalBlock .univers:last-child .bloc {
        height: 300px;
        margin-bottom: 20px;
    }
    .univers-generalBlock {
        margin-top: 0;
        clear: both;
        overflow: hidden;
    }
    .main .compatibles.fournisseurs {
        margin-top: 15px;
        padding: 20px 0 30px 0;
    }
    .main .compatibles .global-container h2 {
        padding: 0 30px;
        margin-bottom: 9px;
    }
    .main .global-container .nos-metiers {
        margin-top: 61px;
    }
    .main .global-container .nos-metiers ul li{
        margin-right: 23px;
        margin-bottom: 23px;
    }
    .header-container.rf .header-bottom .phone-number{
        width: 300px;
        float: right;
        margin: 18px 26px;
    }
    .header-container.rf .header-bottom .phone-number .top-phone-number {
        font-size: 17px;
    }
    .header-container.rf .header-bottom .phone-number .top-phone-number .number-large {
        font-size: 26px;
        width: 100%;
    }
    .header-container.rf .header-bottom .phone-number .top-phone-number-desktop {
        display: inline;
        width: 320px;
    }
    .header-container.rf .global-container {
        max-width: 100%;
        width: auto;
        clear: both;
        text-align: left;
    }
    .header-container.rf .header-bottom .global-container > div.infos{
        width: auto;
        float: right;
        margin-right: 38px;
    }
    .header-container.rf .header-bottom .global-container > div.menu{
        width: auto;
        margin-left: 40px;
        margin-top: 12px;
    }
    .header-container.rf .header-bottom .global-container > div.logo img,.topH.sticky .header-container.rf .header-bottom .global-container > div.logo img{
        width: 145px;
        height: 99px;
    }
    .header-container.rf .header-bottom .global-container > div.logo {
        width: auto;
        margin-top: -42px;
        margin-left: 12px;
    }
    .header-container.rf .header-bottom .global-container > div.infos .quotation .quotationStyle{
        width: 42px;
        height: 42px;
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/quotation.svg) 0 0 no-repeat;
        background-size: 42px;
    }
    .header-container.rf .header-bottom .global-container > div.infos .customer .account{
        width: 36px;
        height: 41px;
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/user.svg) 0 0 no-repeat;
        cursor: pointer;
        background-size: 35px;
    }
    .header-container.rf .header-bottom .global-container > div.infos .cart .cartStyle {
        width: 33px;
        height: 40px;
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/cart.svg) 0 0 no-repeat;
        background-size: 37px;
    }
    .header-container.rf .header-bottom .global-container > div.infos >div.cart .minicart .numberOfItems {
        top: -7px;
        width: 23px;
        height: 23px;
        line-height: 22px;
        right: -15px;
        font-size: 12px;
    }
    .header-container.rf .header-bottom .global-container > div.infos >div.cart .minicart {
        width: 34px;
        height: 43px;
    }
    .header-container.rf .header-bottom .global-container > div.menu .js-btn-toggle-menu span{
        display: inline-block;
        margin-left: 53px;
        width: 95px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 20px;
        color: #687178;
        line-height: 23px;
        text-align: left;
        letter-spacing: 1px;
        font-weight: bold;
    }
    .header-container.rf .header-bottom .global-container > div.menu .js-btn-toggle-menu.clicked {
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/close.svg) 9px 13px no-repeat;
        background-size: 17%;
    }
    .header-container.rf .header-bottom .global-container > div.menu .js-btn-toggle-menu {
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/menu.svg) 0 10px no-repeat;
        width: auto;
        height: 40px;
        border: none;
        cursor: pointer;
    }
    .header-container.rf {
        background-color: white;
    }
    .nav-container .search form {
        background: white !important;
        position: relative;
        margin: auto;
        width: auto !important;
        max-width: 100%;
        right: auto;
        left: auto !important;
    }
    .nav-container .searchautocomplete .nav .nav-input {
        margin: 2px 0 0 14px;
    }
    .nav-container .searchautocomplete .nav .nav-input input{
        font-size: 20px;
        background: transparent;
        color: #0eb48d;
        font-family: "Source Sans Pro", sans-serif;
        font-weight: bold;
        letter-spacing: 1px;
        padding-bottom: 9px;
        margin-left: 0;
    }
    .nav-container .searchautocomplete .nav-submit-button{
        background: none !important;
        padding-left: 0;
        float: right;
        padding-top: 0;
        padding-right: 13px;
    }
    .nav-container .searchautocomplete .nav-submit-button .button{
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/search.svg) 0 0 no-repeat transparent !important;
        padding: 0;
        font-size: 0;
        width: 37px;
        height: 35px;
        border-radius: 0;
        float: right;
        border: 0 !important;
        background-size: 33px !important;
    }
    .nav-container .searchautocomplete .nav{
        background: none !important;
        max-width: 88%;
    }
    .header-container.rf .header-bottom .global-container > div.infos .customer .accountContent.opened{
        z-index: 99999;
        left: -90px;
        top: 53px;
    }
    .header-container.rf .header-bottom .global-container > div.infos .customer .accountContent:before{
        left: 55%;
    }
    .reassurance-bloc ul{
        margin-top: 4px;
    }
    .reassurance-bloc ul li {
        width: 62%;
    }
    .main .univers-generalBlock .full-size .univers .bloc {
        height: 331px;
        margin-bottom: 30px;
    }
    .main .univers-generalBlock .information-bloc{
        padding: 2px 0;
    }
    .main .univers-generalBlock .information-bloc {
        margin-bottom: 83px;
    }
    .main .univers-generalBlock .univers:last-child .bloc{
        height: 289px;
        margin-bottom: 21px;
    }
    .main .global-container .nos-metiers ul li{
        width: 35.5%;
        margin-right: 8px;
        margin-bottom: 8px;
    }
    .main .global-container .nos-metiers ul li.rwd{
        width: 72%;
    }
    .reassurance-bloc ul li {
        display: table;
    }
    .reassurance-bloc ul li .text {
        display: table-cell;
        width: 80%;
        padding-top: 14px;
    }
    #nav {
        left: 0;
        display: none;
        position: absolute;
        top: 204px;
        background: white !important;
        right: auto;
        bottom: auto;
        width: 100%;
        z-index: 99999;
    }
    #nav li.level-top > div {
        top: 0;
    }
    #nav li.level-top {
        width: 100%;
        border-bottom: none;
        position: relative;
    }
    #nav-overlay{
        display: none;
    }
    #nav li.level-top > a span{
        padding: 20px 50px;
        color: #677176;
        font-size: 27px;
        letter-spacing: 2px;
    }
    #nav li.level-top.parent > .mobile-arrow-show {
        background: url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg") 50% 50% no-repeat;
        transform: rotate(90deg);
        border: none;
        float: right;
        margin: auto;
        width: 40px;
        height: 47px;
        border-radius: inherit;
        position: absolute;
        right: 68px;
        top: 6px;
        cursor: pointer;
        transition: all .5s ease;
    }
    #nav li.level-top:hover > a > span{
        color: #677176;
    }
    #nav li.level-top .menu-wrapper .menu-category ul.level0{
        width: 100%;
        padding: 0;
        float: none !important;
    }
    #nav li.level1 {
        width: auto;
        position: relative;
    }
    #nav li.level-top > a, #nav li.level1 > a {
        float: none;
        width: auto;
    }
    #nav li.level-top .menu-wrapper .menu-category {
        width: auto;
        float: none;
        border-right: 0;
    }
    #nav li.level-top .menu-wrapper .menu-brands{
        display: none;
    }
    #nav .cmsBlock .menu {
        text-align: center;
    }
    #nav .cmsBlock .menu .link {
        margin: 0 7px 16px 0;
        max-width: 145px;
        text-align: center;
        line-height: 17px;
        color: white !important;
    }
    #nav .cmsBlock .menu .link.L-left{
        background: #baca34;
    }
    #nav .cmsBlock .menu .link.L-middle{
        background: #e7b700;
    }
    #nav .cmsBlock .menu .link.L-right{
        background: #ab3d8c;
    }
    .link a {
        padding: 6px 15px;
        font-size: 13px;
        color: white !important;
    }
    #nav .cmsBlock .menu .link a {
        padding: 5px 15px
    }
    #nav li.level-top.parent .level1.parent .mobile-arrow-show-level1 {
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right.svg) 50% 50% no-repeat;
        border: none;
        float: right;
        margin: auto;
        width: 40px;
        height: 40px;
        border-radius: inherit;
        position: absolute;
        right: 68px;
        top: 10px;
        cursor: pointer;
        background-size: 11px;
        transition: all .5s ease;
    }
    #nav li.level1.opened .mobile-arrow-show-level1 {
        transform: rotate(-90deg);
    }
    .sticky-Add-header.fixed {
        top: 196px !important;
    }
    .sticky-Add-header .global-container > div{
        display: block;
        margin: 10px auto;
    }
    .sticky-Add-header .global-container > div.sticky-actions {
        float: none;
        max-width: 300px;
    }
    .sticky-actions .new-link{
        float: none;
        text-align: center;
        max-width: 300px;
    }
    .sticky-actions .options-separator.center-box,.sticky-actions .add-to-cart, .sticky-actions .book {
        margin-right: 0;
    }
    .catalogsearch-result-index .col-left.sidebar .buttonRwd span,
    .b2b-negotiated-index .col-left.sidebar .buttonRwd span,
    .mb-mana-catalog-leftnav .buttonRwd span{
        text-transform: uppercase;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 3px;
        color: #687178;
        border: 1px solid;
        padding: 13px 29px;
        text-align: center;
        cursor: pointer;
        display: block;
        max-width: 268px;
        margin: auto;
    }
    .widget-latest .posts li:hover .global{
        box-shadow: none;
    }
    .mb-mana-catalog-leftnav .buttonRwd,
    .catalogsearch-result-index .col-left.sidebar .buttonRwd,
    .b2b-negotiated-index .col-left.sidebar .buttonRwd{
        display: block;
    }
    .col-left .block-layered-nav .BlockL:last-child{
        border-bottom: none;
    }
    .b2b-negotiated-index .col-left.sidebar .buttonRwd.cancel span,
    .catalogsearch-result-index .col-left.sidebar .buttonRwd.cancel span,
    .mb-mana-catalog-leftnav .buttonRwd.cancel span{
        font-weight: bold;
        text-transform: uppercase;
        color: #0eb48d;
        border: none;
        text-align: left;
        max-width: inherit;
    }
    .manufacturers-view-index .block-layered-nav.clicked,
    .catalogsearch-result-index .block-layered-nav.clicked,
    .b2b-negotiated-index .block-layered-nav.clicked,
    .catalog-category-view .block-layered-nav.clicked{
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
        max-height: 100%;
    }
    .manufacturers-view-index .block-layered-nav,
    .catalogsearch-result-index  .block-layered-nav,
    .b2b-negotiated-index  .block-layered-nav,
    .catalog-category-view  .block-layered-nav{
        opacity: 0;
        margin: 15px 70px;
        width: auto;
        max-height: 0;
    }
    .pager .amount{
        text-align: center;
        margin-bottom: 26px;
    }
    .category-products .toolbar{
        margin-top: 35px;
        padding-right: 0;
    }
    .manufacturers-view-index .pager .right,
    .catalogsearch-result-index .pager .right,
    .b2b-negotiated-index .pager .right,
    .catalog-category-view .pager .right {
        float: none !important;
        width: 61%;
        margin: auto;
    }
    body:not(.cms-home) .main{
        margin: 0;
        max-width: 100%;
    }
    .sorter{
        padding: 0;
    }
    .pager .right .limiter{
        margin-right: 40px;
    }
    .manufacturers-view-index .sorter,
    .catalogsearch-result-index .sorter,
    .b2b-negotiated-index .sorter,
    .catalog-category-view .sorter{
        padding: 0;
    }
    .manufacturers-view-index .pager .right div select,
    .catalogsearch-result-index .pager .right div select,
    .b2b-negotiated-index .pager .right div select,
    .catalog-category-view .pager .right div select{
        width: 91%;
    }
    .manufacturers-view-index .pager .right .sorter, .manufacturers-view-index .pager .right .limiter,
    .catalogsearch-result-index .pager .right .sorter, .catalogsearch-result-index .pager .right .limiter,
    .b2b-negotiated-index .pager .right .sorter, .b2b-negotiated-index .pager .right .limiter,
    .catalog-category-view .pager .right .sorter, .catalog-category-view .pager .right .limiter{
        width: 40%;
    }
    .pager .right div select{
        width: 140px;
    }
    .manufacturers-view-index .products-grid li.item ,
    .manufacturers-view-index .products-grid li.item ,
    .catalogsearch-result-index .products-grid li.item ,
    .b2b-negotiated-index .products-grid li.item ,
    .catalog-category-view .products-grid li.item ,
    .manufacturers-view-index .col1-layout .products-grid li.item, .catalog-category-view .col1-layout .products-grid li.item,
    .catalogsearch-result-index .col1-layout .products-grid li.item, .b2b-negotiated-index .col1-layout .products-grid li.item{
        width: 100%;
        display: block;
        margin: 0;
    }
    .manufacturers-view-index .main,
    .catalogsearch-result-index .main,
    .b2b-negotiated-index .main,
    .catalog-category-view .main{
        margin: 0 !important;
    }
    .manufacturers-view-index .products-grid .product-shop,
    .catalogsearch-result-index .products-grid .product-shop,
    .b2b-negotiated-index .products-grid .product-shop,
    .catalog-category-view .products-grid .product-shop{
        display: inline-block;
        width: 56%;
        vertical-align: top;
    }
    .manufacturers-view-index .products-grid .product-image,
    .catalogsearch-result-index .products-grid .product-image,
    .b2b-negotiated-index .products-grid .product-image,
    .catalog-category-view .products-grid .product-image{
        display: inline-block;
        width: 43%;
    }
    .catalogsearch-result-index .page-title h1 {
        padding: 0 10px;
    }
    .f-fix {
        padding: 0 10px;
        margin-top: 51px;
    }
    .manufacturers-view-index .products-grid .content-product-name .brand a,
    .catalogsearch-result-index .products-grid .content-product-name .brand a,
    .b2b-negotiated-index .products-grid .content-product-name .brand a,
    .catalog-category-view .products-grid .content-product-name .brand a{
        color:#687178;
    }
    .manufacturers-view-index .products-grid .content-product-name .brand ,
    .catalogsearch-result-index .products-grid .content-product-name .brand ,
    .b2b-negotiated-index .products-grid .content-product-name .brand ,
    .catalog-category-view .products-grid .content-product-name .brand {
        font-size: 23px;
        line-height: 30px;
    }
    .manufacturers-view-index .products-grid .product-name ,
    .catalogsearch-result-index .products-grid .product-name ,
    .b2b-negotiated-index .products-grid .product-name ,
    .catalog-category-view .products-grid .product-name {
        font-size: 24px;
        display: inline;
        vertical-align: top;
        color: #68727A;
        font-weight: bold;
        width: auto;
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .products-list-home li.item:hover{
        box-shadow: none;
    }
    .manufacturers-view-index .products-grid .product-name a,
    .catalogsearch-result-index .products-grid .product-name a,
    .catalog-category-view .products-grid .product-name a,
    .b2b-negotiated-index .products-grid .product-name a{
        color: #68727A; font-size: 24px;
    }
    .product-shop .bottom-grid-price {
        margin-top: 63px;
    }
    .price-label-teaser {
        font-size: 22px;
    }
    .price-19, .product-shop .price-box .regular-price .price, .product-shop .price-box .special-price .price {
        font-size: 26px;
        line-height: 26px;
        font-weight: bold;
        letter-spacing: 2px;
    }
    .product-shop .price-box .regular-price .label, .product-shop .price-box .special-price .label {
        font-size: 23px;
    }
    .product-shop .price-box {
        width: 59%;
    }
    button.button.add-to-cart.small {
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/cart_add.svg) 0 0 no-repeat !important;
        width: 44px;
        height: 48px;
        background-size: 33px !important;
    }
    .pager .pages li a,.pager .pages li.current{
        font-size: 18px;
        padding: 0 18px;
    }
    .category-description .category-title strong > a {
        display: inline-block;
        width: 30%;
    }
    .category-products .toolbar-bottom .toolbar {
        margin-top: 121px;
        padding-right: 0;
    }
    .col-left .block-layered-nav .block-title span, .col-main .block-featured .block-title span {
        font-size: 27px;
        letter-spacing: 2px;
        font-weight: bold;
    }
    .col-left .block-layered-nav .block-title, .col-main .block-featured .block-title{
        padding: 7px 0;
    }
    .block .actions.clearAll {
        padding-top: 12px;
    }
    .block .actions.clearAll a{
        font-size: 19px;
    }
    .col-left .block-layered-nav .block-content, .col-left .block.block-account .block-content{
        text-align: left;
    }
    .col-left .block-layered-nav .BlockL {
        padding: 25px 7px;
    }
    .col-left .block-layered-nav dd {
        margin-bottom:0;
        padding: 15px 0 0 18px;
    }
    .col-left .block-layered-nav dd ol li {
        line-height: 31px;
    }
    .col-left .block-layered-nav dd a.m-show-more-action, .col-left .block-layered-nav dd a.m-show-less-action{
        letter-spacing: 3px;
        font-size: 17px;
    }
    .m-filter-slider > .m-slider-span{
        width: 100% !important;
    }
    .category-description .category-desc {
        height: 780px;
    }
    .category-description.std .category-title.main{
        text-align: center;
        width: 100%;
    }
    .category-description .general-desc{
        text-align: center;
    }
    .category-description.std .category-title.main h1 {
        margin: 20px 13px;
        font-size: 34px;
        font-weight: bold;
    }
    .category-description .general-desc {
        top: 89px;
        font-size: 18px;
    }
    .category-description ul{
        margin-right: 0;
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }
    .category-description .general-desc .list {
        margin-top: 35px;
    }
    .category-description ul li.title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .category-description ul li.info {
        font-size: 18px;
        line-height: 33px;
    }
    .category-description ul {
        margin-bottom: 10px;
    }
    .blog-post-view .postWrapper .postTitle h1{
        font-size: 32px;
    }
    .blog-post-view .postWrapper .postTitle{
        margin: 34px 0 0;
    }
    .blog-post-view .postWrapper .postTitle h3{
        margin-top: 13px;
    }
    .blog-post-view .postWrapper .back {
        margin: 22px 0 14px 74px;
    }
    .blog-post-view .postWrapper .postContent .full-size img{
        left: 50%;
        width: auto;
        height: auto;
        vertical-align: bottom;
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        display: block;
        max-width: none;
    }
    .blog-post-view .postWrapper .postContent .full-size{
        height: 247px;
        overflow: hidden;
    }
    .blog-post-view .postWrapper .postContent .global-container.text {
        max-width: 100%;
        padding: 0 0;
        margin: 28px 65px;
    }
    .blog-post-view .postWrapper .newsletter div, .blog-post-view .postWrapper .socialShare div{
        font-size: 19px;
    }
    .blog-post-view .postWrapper .newsletter div.heading {
        margin-bottom: 21px;
    }
    .blog-post-view .postWrapper .newsletter input{
        padding: 8px 0;
    }
    .blog-post-view .postWrapper .newsletter button.button.newsletter{
        margin-top: 10px;
    }
    .blog-post-view .menu-recent {
        margin: 22px 0 0;
    }
    .blog-post-view .block-blog .block-content{
        padding: 0;
    }
    .blog-post-view .menu-recent {
        margin-bottom: 36px;
    }
    .blog-post-view .menu-categories h2, .blog-post-view .menu-recent h2{
        font-size: 24px;
    }
    .blog-post-view .menu-categories ul li{
        margin-bottom: 30px;
        width: 37%;
    }
    .product-view .product-name {
        padding-left: 0;
        padding-bottom: 0;
    }
    .product-shop .short-description{
        width: 50%;
        margin: 10px auto;
    }
    .product-view .product-name h1{
        text-align: center;
        font-size: 40px
    }
    .col1-layout .product-view .product-shop{
        padding-top: 15px !important;
    }
    .col1-layout .product-view .product-shop .blocTop {
        margin-bottom: 19px;
        margin-right: 0;
    }
    .product-shop .subtitle {
        padding: 0 0;
        text-align: center;
        font-size: 20px;
        letter-spacing: 1px;
        margin: 6px 12px;
    }
    .product-view .product-img-box .product-image-zoom{
        height: 510px;
    }
    .product-view .blockGeneralInfo{
        overflow: hidden;
    }
    .product-shop .blocPriceInfo{
        margin-top: 0;
    }
    .product-shop .blocPriceInfo .leftInfo,.product-shop .blocPriceInfo .phone-shop-block{
        display: inline-block;
        clear: both;
        overflow: hidden;
        margin: 39px 0 10px 17px;
        width: 46%;
    }
    .product-shop .blocBottom .rightInfo.eol .actions .new-link, .product-shop .blocBottom .rightInfo.reo .actions .new-link{
        font-size: 26px;
        text-align: center;
        padding: 22px 0;
    }
    .catalog-product-view .product-shop .minimum-price-box, .product-shop .special-tier-price-box .price-left, .price-right, .catalog-product-view .old-price .price{
        text-align:right;
    }
    .product-shop .blocBottom .rightInfo .actions .add-to-cart + .options-separator,
    .product-shop .blocBottom .rightInfo .actions .book + .options-separator{
        margin-top: 41px;
        width: 278px;
    }
    .product-shop .blocPriceInfo .rightInfo {
        display: inline-block;
        float: right;
        margin: 35px 20px 10px 0;
        width: 43%;
        text-align: right;
    }
    .product-shop .blocPriceInfo .rightInfo .product-price .product-before-price,.catalog-product-view .product-shop .minimum-price-box, .product-shop .special-tier-price-box .price-left, .price-right{
        text-align: right;
    }
    .product-shop .blocBottom .rightInfo{
        margin-left: 0;
    }
    .product-shop .blocBottom .rightInfo .actions{
        width: 63%;
        margin: auto;
    }
    .product-shop .blocBottom .rightInfo .qty, .product-shop .blocBottom .rightInfo .shipping{
        margin-top: 6px;
    }
    .product-shop .blocBottom .rightInfo .qty span.quantity{
        width: 33px;
        height: 33px;
        font-size: 33px;
        line-height: 28px;
        vertical-align: top;
    }
    .product-shop .blocBottom .rightInfo .qty span.quantity.increase{
        line-height: 33px;
    }
    .product-shop .blocBottom .rightInfo .shipping{
        display: inline-block;
    }
    .product-shop .blocBottom .rightInfo .actions{
        padding-top: 18px;
    }
    .product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big span{
        padding: 24px 0;
        font-size: 25px;
        background-size: 26px;
    }
    .product-shop .blocBottom .rightInfo .actions .options-separator {
        margin-top: 9px;
        width: 380px;
    }
    .product-shop .blocBottom .rightInfo .qty input{
        font-size: 24px;
        height: 33px;
        width: 42px !important;
    }
    .product-shop .blocBottom .rightInfo .actions .options-separator a .label span{
        background-size: 24px;
    }
    .product-shop .blocBottom .rightInfo .actions .options-separator a .label{
        font-size: 18px;
        padding: 12px 0;
    }
    .catalog-product-view .main {
        margin: 0;
    }
    .product-shop .blocPriceInfo .leftInfo .shipping{
        color: #687178;
        font-weight: 600;
        padding-top: 2px;
    }
    .product-shop .blocPriceInfo .leftInfo .shipping,
    .product-shop .availability span,
    .product-shop .blocPriceInfo .leftInfo .delivery .delivered,
    .product-shop .blocPriceInfo .leftInfo .ref{
        font-size: 18px;
    }
    .product-shop .blocPriceInfo .leftInfo .warranty{
        font-size: 18px;
        font-weight: normal;
        padding: 5px 0;
    }
    .catalog-product-view .product-shop .minimum-price-box{
        margin-top: 18px;
        letter-spacing: 1px;
        font-size: 40px !important;
    }
    .product-shop .regular-price span.label{
        font-size: 40px;
    }
    .product-shop .price-including-tax{
        font-size: 16px;
        padding-top: 4px;
        letter-spacing: 1px;
        font-weight: bold;
    }
    .product-shop .blocBottom{
        margin-top: 13px;
    }
    .product-shop .blocBottom .leftInfo .argument-marketing img{
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        max-height: 100%;
        text-align: center;
        margin: auto;
    }
    .buttonF ,.buttonF:last-child{
        display: block;
        width: 277px;
        margin: 15px auto auto;
    }
    .link-tier-options .price {
        display: block;
        font-size: 23px;
        font-weight: bold;
        letter-spacing: 2px;
    }
    .buttonF.eco a span.label {
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/others/eco.png) 94% 57% no-repeat;
        display: block;
        padding: 12px 34px 12px 19px;
        font-size: 18px;
        margin-top: 2px;
        background-size: 24px;
    }
    .buttonF.repair a span.label,.buttonF.louer a span.label{
        display: block;
        padding: 12px 36px 12px 19px;
        font-size: 18px;
        margin-top: 2px;
        background-size: 24px;
    }
    .product-shop .blocBottom .leftInfo{
        height: auto;
        overflow: visible;
        margin-top: 35px;
    }
    .product-shop .blocBottom .leftInfo .argument-marketing img{
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        margin: auto;
        height: 273px;
    }
    .product-shop .short-description{
        width: 308px;
        margin: 17px auto !important;
    }
    .product-shop .short-description .std{
        padding: 0;
        font-size: 16px;
    }
    .catalog-product-view .main{
        margin: 0 !important;
    }
    .product-shop .reassuranceBlock .reassurance-bloc ul{
        margin-top: 0;
        margin-left: 40px;
        padding: 20px 0;
        width: auto;
        display: block;
    }
    .product-shop .reassuranceBlock .reassurance-bloc ul li{
        width: auto;
        margin: 0;
        display: block;
    }
    .product-shop .reassuranceBlock .reassurance-bloc ul li .image {
        position: relative;
        height: 88px;
        display: inline-block;
        width: 117px;
        vertical-align: middle;
    }
    .product-shop .reassuranceBlock .reassurance-bloc ul li .text{
        text-align: left;
        margin: auto;
        width: 50%;
        padding-top: 0;
        vertical-align: middle;
        display: inline-block;
        font-size: 18px;
    }
    .infoBottom .fiches a{
        font-size: 18px;
        padding-left: 27px;
        margin-left: 0;
        background-size: 15px;
    }
    .infoBottom .tabs{
        display: none;
    }
    .infoBottom .fiches > div{
        display: inline-block;
        margin-right: 10px;
    }
    .infoBottom .fiches{
        display: block;
        vertical-align: middle;
        margin: auto;
        text-align: center;
    }
    .contentView .content span,.contentView .content p{
        font-size: 18px;
        color: #687178 !important;
    }
    .contentView .content{
        padding: 0 50px;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        -webkit-transition: opacity 0.2s ease-in;
        -moz-transition: opacity 0.2s ease-in;
        -o-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
    }
    .catalog-product-view .product-view h2.view.opened + .content{
        opacity: 1;
        visibility: visible;
        max-height: 100%;
        -webkit-transition: opacity 0.2s ease-in;
        -moz-transition: opacity 0.2s ease-in;
        -o-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
    }
    .infoBottom{
        margin-top: 41px;
    }
    .catalog-product-view .product-view h2.view:after {
        content: '';
        position: absolute;
        top: 7px;
        width: 20px;
        height: 25px;
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_right-fp.svg) 0 0 no-repeat;
        margin-left: 18px;
        transform: rotate(90deg);
        transition: all .5s ease;
    }
    .catalog-product-view .product-view h2.view{
        font-size: 30px !important;
        font-family: "Source Sans Pro", sans-serif !important;
        font-weight: 600;
        margin-top: 43px;
        letter-spacing: 1px;
        position: relative;
        cursor: pointer;
        margin-bottom: 56px;
    }
    .catalog-product-view .product-view h2.view.opened:after{
        transform:rotate(-90deg);
        transition: all .5s ease;
    }
    .product-view .mini-products-list-{
        display: block;
        text-align: center;
    }
    .product-view .mini-products-list- .product-details{
        text-align: left;
    }
    .catalog-product-view .main-container .reassurance {
        display: none;
    }
    .product-view .mini-products-list- li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    .product-view .mini-products-list- .price-box .regular-price,
    .product-view .mini-products-list- .price-box .regular-price span,
    .product-view .mini-products-list- .price-box .price-label-teaser{
        color: #fdb65b !important;
    }
    .col1-layout .product-view .product-shop .pecentage{
        top: 7px;
        font-size: 25px;
    }
    .col1-layout .product-view .product-shop .blocTop .brand{
        margin-right: 7px;
    }
    #nav li.level0.level-top.opened .mobile-arrow-show{
        transform: rotate(-90deg);
        transition: all .5s ease;
    }
    #nav li.level0.level-top.over .menu-wrapper{
        display: none!important;
    }
    #nav li.level0.level-top.over.opened .menu-wrapper{
        display: block!important;
    }
    .sales-order-history #my-orders-table  thead,
    .customer-account-index .block-recent .data-table thead{
        display: none;
    }
    .sales-order-history #my-orders-table  span.rwd,
    .customer-account-index .block-recent .data-table span.rwd{
        display: inline-block;
        font-weight: bold;
        margin-right: 10px;
    }
    .sales-order-history #my-orders-table  td,
    .customer-account-index .block-recent .data-table td{
        display: block;
        text-align: center !important;
        font-size: 16px;
    }
    .col-left .block.block-account .block-content{
        display: none;
    }
    .col-left .block.block-account .block-title:after{
        content : '';
        position: absolute;
        width: 20px;
        height: 20px;
        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/arrow_top_white.svg')0 0 no-repeat;
        background-size: 20px;
        margin-left: 8px;
        margin-top: 4px;
        transition: all .5s ease;
    }
    .col-left .block.block-account .block-title.opened:after{
        margin-top: 0;
        transform: rotate(90deg);
        transition: all .5s ease;
    }
    .col-left .block.block-account .block-title{
        cursor: pointer;
        position: relative;
    }
    .header-container.rf .header-bottom .global-container > div.infos >div {
        margin-left: 36px;
    }
    .manufacturers-view-index #manfacturerwrapper{
        padding: 0 10px;
    }
    .widget-latest .posts li:hover{
        box-shadow:none;
    }
    .product-shop .availability.end-of-life span,
    .product-shop .number-phone {
        color: #0eb48d;
    }
    .product-shop .phone-label{
        color: #687178;
        line-height: 27px;
        font-size: 22px;
    }
    .product-shop .number-phone {
        line-height: 33px;
    }
    .manufacturers-view-index .products-grid li.item:hover, .catalog-category-view .products-grid li.item:hover, .catalogsearch-result-index .products-grid li.item:hover, .b2b-negotiated-index .products-grid li.item:hover{
        box-shadow:none;
    }
    .manufacturers-view-index .old-price .pecentage, .b2b-negotiated-index .old-price .pecentage, .catalogsearch-result-index .old-price .pecentage, .catalog-category-view .old-price .pecentage{
        top:19px;
    }
    #ajaxcart_content_option_product .price-box{
        text-align: center !important;
    }
    .mini-products-list- .old-price .pecentage,
    .manufacturers-view-index .old-price .pecentage,
    .b2b-negotiated-index .old-price .pecentage,
    .catalogsearch-result-index .old-price .pecentage,
    .catalog-category-view .old-price .pecentage{
        color: #fdb65b !important;
    }
    .main .global-container .nos-metiers{
        padding-top: 0;
    }
    .header-container.rf .header-bottom .global-container > div.infos .quotation .quotationContent{
        top: 55px;
    }
    body.managebg-img #nav,body.managebg-img .header-container, body.managebg-img .main-container, body.managebg-img .nav-container{
        background: white !important;
    }
    .main .global-container .nos-metiers ul li.even.desktop{
        display: none;
    }
    .main .global-container .nos-metiers ul li.rwd{
        display: block;
    }
    .catalog-product-view #description .content{
        overflow: hidden;
    }
    .topH.sticky {
        position: relative;
        top: auto;
    }
    .sticky-Add-header {
        display: none;
    }
    div.slideshow_titles{
        right: auto;
    }
    div.slideshow_titles div span{
        font-size: 32px!important;
    }
    .nav-container .search.clearfix{
        float: left;
        width: 80%;
    }
    .nav-container .search form{
        max-width: 100%;
        padding: 4px 10px;
    }
    .nav-container .searchautocomplete .nav{
        max-width: 100% !important;
        width: auto !important;
    }
    .nav-container .searchautocomplete .nav .nav-input{
        padding: 0 5px ;
    }
    .nav-container .searchautocomplete .nav .nav-input input{
        width: 100%;
        border:0;
    }
    .quick-access .searchautocomplete .nav-submit-button .button span, button.button.search span{
        font-size: 0 !important;
    }
    .quick-access .searchautocomplete .nav-submit-button .button, button.button.search{
        background: url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte2018/svg/search.svg') 0 0 no-repeat transparent !important;
        padding: 0;
        font-size: 0;
        width: 37px;
        height: 35px;
        border-radius: 0;
        float: right;
        border: 0 !important;
        background-size: 33px !important;
        margin-top: 13px;
        margin-right: 23px;
    }
}
@media (max-width: 639px) {
    .manufacturers-view-index .pager .right .limiter,
    .catalogsearch-result-index .pager .right .limiter,
    .catalog-category-view .pager .right .limiter,
    .b2b-negotiated-index .pager .right .limiter {
        margin-right: 50px;
    }
    .manufacturers-view-index .pager .right,
    .catalogsearch-result-index .pager .right,
    .catalog-category-view .pager .right,
    .b2b-negotiated-index .pager .right{
        width: 77%;
    }
    .manufacturers-view-index .pager .right div select,
    .catalogsearch-result-index .pager .right div select,
    .catalog-category-view .pager .right div select,
    .b2b-negotiated-index .pager .right div select{
        width: 130px;
    }
    .product-shop .regular-price{
        text-align: right;
        line-height: 32px;
    }
    .product-shop .blocPriceInfo .rightInfo{
        width: 42%;
    }
    .product-shop .blocBottom .rightInfo .actions button.button.add-to-cart.big span{
        font-size: 20px;
    }

    .header-container.rf .header-bottom .global-container > div.infos > div {
        margin-left:1px;
    }
    .header-container.rf .header-bottom .global-container > div.infos {
        margin-right: 18px;
    }
    .header-container.rf .header-bottom .global-container > div.menu {
        margin-left: 20px;
    }
}
@media (max-width: 480px) {
    .main .global-container .productSelection h2{
        padding: 0 24px;
    }
    .products-grid .content-product-name .brand,.products-grid .product-name a{
        font-size: 18px;
    }
    .product-shop .bottom-grid-price {
        margin-top: 40px;
    }
    .manufacturers-view-index .products-grid .product-image, .catalog-category-view .products-grid .product-image, .catalogsearch-result-index .products-grid .product-image, .b2b-negotiated-index .products-grid .product-image{
        height: 200px;
    }
    .manufacturers-view-index .products-grid li.item .product-shop, .catalog-category-view .products-grid li.item .product-shop, .catalogsearch-result-index .products-grid li.item .product-shop, .b2b-negotiated-index .products-grid li.item .product-shop{
        height: auto;
    }
    .manufacturers-view-index .products-grid .content-product-name .brand, .catalogsearch-result-index .products-grid .content-product-name .brand, .b2b-negotiated-index .products-grid .content-product-name .brand, .catalog-category-view .products-grid .content-product-name .brand,
    .manufacturers-view-index .products-grid .product-name a, .catalogsearch-result-index .products-grid .product-name a, .catalog-category-view .products-grid .product-name a, .b2b-negotiated-index .products-grid .product-name a,
    .manufacturers-view-index .products-grid .product-name, .catalogsearch-result-index .products-grid .product-name, .b2b-negotiated-index .products-grid .product-name, .catalog-category-view .products-grid .product-name{
        font-size: 18px;
    }
    .manufacturers-view-index .products-grid .product-name a, .catalogsearch-result-index .products-grid .product-name a, .catalog-category-view .products-grid .product-name a, .b2b-negotiated-index .products-grid .product-name a{
        line-height: 20px;
    }
    .price-label-teaser {
        font-size: 18px;
    }
    .manufacturers-view-index .old-price .pecentage, .b2b-negotiated-index .old-price .pecentage, .catalogsearch-result-index .old-price .pecentage, .catalog-category-view .old-price .pecentage {
        top: 8px;
        left: 6px;
    }
    .price-19, .product-shop .price-box .regular-price .price, .product-shop .price-box .special-price .price{
        font-size: 22px;
    }
    .f-fix {
        padding: 0 10px;
        margin-top: 6px;
    }
    .product-shop .bottom-grid-price {
        margin-top: 20px;
    }
    .manufacturers-view-index .pager .right ,
    .catalogsearch-result-index .pager .right ,
    .b2b-negotiated-index .pager .right ,
    .catalog-category-view .pager .right {
        width: auto;
        overflow: hidden;
        margin-left: 10px;
    }
    .manufacturers-view-index .pager .right .limiter,
    .catalogsearch-result-index .pager .right .limiter,
    .b2b-negotiated-index .pager .right .limiter,
    .catalog-category-view .pager .right .limiter {
        margin-right: 25px;
    }
    .product-shop .price-box {
        width: 83%;
    }
    .manufacturers-view-index .block-layered-nav,
    .catalogsearch-result-index .block-layered-nav,
    .b2b-negotiated-index .block-layered-nav,
    .catalog-category-view .block-layered-nav {
        margin: 0 10px;
    }
    .blog-post-view .postWrapper .postTitle h1 {
        font-size: 20px;
        padding: 0 10px;
    }
    .blog-post-view .postWrapper .back {
        margin: 22px auto;
        text-align: center;
    }
    .blog-post-view .postWrapper .postContent .global-container.text {
        margin: 15px;
    }
    .blog-post-view .postWrapper .newsletter input{
        margin-right: 0;
    }
    .blog-post-view .menu-recent ul li {
        width: auto;
        margin-left: 0;
    }
    .blog-post-view .menu-categories ul li {
        margin-bottom: 10px;
        width: 210px;
        margin-right: 0;
    }
    .blog-post-view .menu-categories ul {
        display: block;
        text-align: center;
    }
    .blog-post-view .postWrapper > .socialShare .social_buttons > div{
        margin-right: 6px;
    }
    .blog-post-view .block-carroussel .block-content ul{
        display: block;
    }
    .blog-post-view .block-carroussel .block-content .mini-products-list- li{
        width: auto;
    }
    .product-shop .blocPriceInfo .leftInfo{
        display: block;
        width: auto;
        margin: auto;
        text-align: center;
    }
    .product-shop .blocPriceInfo .rightInfo{
        width: auto;
        text-align: center;
        display: block;
        float: none;
        margin: 20px auto;
    }
    .product-shop .blocPriceInfo .rightInfo .product-price .product-before-price,
    .catalog-product-view .product-shop .minimum-price-box,
    .product-shop .special-tier-price-box .price-left,
    .price-right{
        text-align: center;
    }
    .product-shop .blocBottom .rightInfo .actions{
        width: 90%;
    }
    .product-view .product-name h1{
        font-size: 35px;
    }
    .product-shop .subtitle {
        text-align: center;
        font-size: 18px;
    }
    .product-view .product-img-box .product-image-zoom {
        height: 400px;
    }
    .product-shop .blocBottom .rightInfo .actions .options-separator {
        margin-top: 12px;
        width: auto;
    }
    .buttonF, .buttonF:last-child{
        display: block;
        width: 90%;
        margin: 12px auto auto;
    }
    .link-tier-options .price{
        text-align: center;
    }
    .product-shop .blocBottom .leftInfo{
        width: auto;
    }
    .product-shop .blocBottom .leftInfo .argument-marketing {
        height: 200px;
    }
    .product-shop .reassuranceBlock .reassurance-bloc ul{
        margin-bottom: 0;
        margin-left: 0;
    }
    .infoBottom {
        margin-top: 15px;
    }
    .infoBottom .fiches > div {
        display: block;
        width: 200px;
        text-align: left;
        margin: auto;
    }
    .catalog-product-view .product-view h2.view{
        font-size: 23px !important;
    }
    .catalog-product-view .product-view h2.view:after{
        top: 3px;
        width: 12px;
        height: 25px;
        margin-left: 2px;
        background-size: 11px;
    }
    .catalog-product-view .product-view h2.view.opened:after {
        margin-left: 10px;
    }
    .contentView .content{
        padding: 0 20px;
    }
    .contentView {
        margin: 30px 0 0;
    }
    .product-shop .short-description{
        width: 277px;
    }
    .product-shop .blocPriceInfo .phone-shop-block {
        display: block;
        clear: both;
        overflow: hidden;
        margin: 20px auto;
        width: auto;
        float: none;

    }
    .catalog-product-view .product-view h2.view{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product-view .mini-products-list- li{
        width: auto;
        display: block;
        box-shadow: 0 2px 3px #888888;
        max-width: 300px;
        margin: auto auto 10px auto;
    }
    .product-view .mini-products-list- button.button.add-to-cart.small{
        width: 13%;
        margin-top: 28px;
    }
    .header-container.rf .header-bottom .global-container > div.infos > div {
        margin-left: 0;
    }
    .nav-container .searchautocomplete .nav .nav-input {
        margin: 2px 0 0 10px;
    }
    .nav-container .searchautocomplete .nav {
        max-width: 82%;
    }
    .catalog-product-view .product-shop .minimum-price-box, .product-shop .special-tier-price-box .price-left, .price-right, .catalog-product-view .old-price .price {
        text-align: center;
    }
    .sticky-Add-header.fixed {
        top: 219px !important;
    }
    .sticky .header-container.rf .header-bottom .global-container > div.logo img, .topH.sticky .header-container.rf .header-bottom .global-container > div.logo img{
        width: 100px;
    }
    .sticky .nav-container {
        padding-top: 0;
    }
    .sticky .header-container.rf .header-bottom .phone-number {
        float: none;
        margin: 5px auto;
    }
    .cameraCont {
        height: 339px !important;
    }
    div.slideshow_titles {
        right: 332px !important;
    }
    div.slideshow_titles div.slideshow-title-background{
        width: 284px !important;
    }
    div.slideshow_titles div span{
        padding: 2px 17px !important;
    }
}

@media (max-width: 479px) {
    .header-container.rf .header-bottom .global-container > div.logo {
        width: auto;
        margin: auto;
        display: block;
    }
    .header-container.rf .header-bottom .global-container > div.logo img {
        display: block;
        margin: auto;
    }
    .reassurance-bloc ul li {
        width: 88%;
    }
    .reassurance-bloc ul li .text {
        width: 80%;
        padding-top: 2px;
    }
    .main .global-container .productSelection {
        margin-top: 32px;
    }
    .products-grid .product-name {
        font-size: 20px;
    }
    .main .global-container .productSelection h2, .main .global-container .nos-metiers h2, .main .univers-generalBlock h2, .main .compatibles .global-container h2 {
        font-size: 27px;
        margin-bottom: 0;
    }
    .products-list-home li.item .content .image {
        height: 110px;
    }
    .main .univers-generalBlock .full-size .univers .bloc {
        height: 206px;
        margin-bottom: 9px;
    }
    .main .univers-generalBlock .information-bloc ul li {
        display: block;
        width: auto;
        margin-bottom: 49px;
    }
    .main .univers-generalBlock .information-bloc {
        margin-bottom: 24px;
    }
    .main .univers-generalBlock .univers:last-child {
        margin-top: 20px;
    }
    .main .univers-generalBlock .univers:last-child .bloc{
        height: 173px !important;
    }
    .main .compatibles .global-container h2{
        font-size: 24px !important;
    }
    .main .global-container .nos-metiers{
        margin-bottom: 25px;
    }
    #nav.is-open{
        top:312px;
    }
    .header-container.rf .header-bottom .phone-number {
        float: none;
        margin: 18px auto;
    }
    #nav li.level-top > a, #nav li.level1 > a{
        height: auto;
    }
    #nav li.level-top > a span {
        padding: 10px 15px;
        font-size: 21px;
        width: 75%;
        line-height: 26px;
    }
    #nav li.level-top.parent > .mobile-arrow-show {
        right: 7px;
        top: -1px;
        background-size: 15px;
    }
    #nav li.level1 > a span, #nav li.level2 > a span, #nav li.level-top .menu-wrapper .menu-uses > p, #nav li.level-top .menu-wrapper .menu-brands > p {
        padding: 4px 0 4px 30px;
        width: 73%;
    }
    #nav li.level-top.parent .level1.parent .mobile-arrow-show-level1{
        right: 10px;
        top: 2px;
    }
    #nav li.level2 > a span {
        padding: 0 0 0 36px !important;
    }
    .main .compatibles.connexing {
        padding: 20px 0 30px 0;
    }
    #nav {
        top: 304px;
    }
    .bx-wrapper {
        margin: auto;
    }
    .sticky #nav {
        top: 240px;
    }
}
@media (max-width: 380px) {
    .manufacturers-view-index .products-grid .product-image, .catalog-category-view .products-grid .product-image, .catalogsearch-result-index .products-grid .product-image, .b2b-negotiated-index .products-grid .product-image {
        height: 150px;
    }
}
@media (max-width: 980px) {
    .checkout-cart-index .cart .bottom {
        width: auto;
        padding: 0 13px;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td input.qty {
        width: 2em !important;
    }
    .checkout-onepage-index .opc .step.a-item {
        padding: 16px 20px;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set{
        padding: 20px 0 ;
    }
    .header.tdc .infos .customer .all {
        padding: 15px 0;
        background: #547481;
    }
    .header.tdc .infos .customer:before{
        left:8px;
    }
    .checkout-cart-index .block-crosssell ul li.item{
        width: 22%;
    }
}
@media (max-width: 768px) {
    .checkout-cart-index .block-crosssell ul li.item {
        width: 20%;
        margin-bottom: 24px;
    }
    .checkout-cart-index .block-crosssell ul li.item:last-child {
        margin-right: 24px;
    }
    .checkout-cart-index .cart .bottom .buttons form,.checkout-cart-index .cart .bottom .buttons .free{
        width: initial;
    }
    .header.tdc .infos .button-small span{
        display: inline-block;
    }
    .checkout-onepage-index .col2-right-layout .col-main,.checkout-onepage-index .col2-right-layout .col-right{
        width: 100%;
        float: none;
    }
    .checkout-onepage-index .col2-right-layout .col-right {
        margin-top: 15px;
        margin-right: 0;
    }
    .checkout-onepage-index .col2-right-layout .col-right .backCart a{
        max-width: 200px;
        margin: 17px auto;
    }

    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 form{
        overflow-x: hidden;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3{
        width: 45%;
    }
    .header.tdc .infos .button-small span{
        font-size: 12px;
    }
    .header.tdc .infos .button-small{
        margin-left: 20px;
    }
    .header.tdc .infos .customer:before {
        left: 2px;
    }
    .checkout-cart-index .block-crosssell ul {
        margin: 24px 10px;
    }

    .checkout-cart-index .block-crosssell ul li.item:last-child {
        margin-right: 0;
    }
}

@media (max-width: 640px) {
    .header.tdc .links{
        display: none;
    }
    .header.tdc .logo {
        margin: 0;
        padding: 0;
        position: relative;
        width: 50%;
    }
    .header.tdc .infos {
        width: 49%;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    .header.tdc .quick-access{
        margin: 0 auto;
        display: block;
    }
    .checkout-cart-index .main .cart {
        margin-top: 0;
    }
    .header.tdc .logo img{
        display: block;
        margin: auto;
    }
    .header.tdc .logo{
        background: none;
    }
    .checkout-cart-index .wrapper {
        background-color: white;
    }
    .checkout-cart-index .data-table thead {
        background-color: #666464;
        display: none;
    }
    .checkout-cart-index .data-table tfoot {
        display: block;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td a img{
        display: block;
        margin: auto;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td a{
        display: block;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td:first-child{
        height: 0;
        padding: 0;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td{
        display: block;
        text-align: center;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td .btn-remove2:after {
        left: initial;
        right: 8px;
        top: 16px;
    }
    .checkout-cart-index .main .cart .cart-table .product-name {
        padding-bottom: 0;
        padding-top: 3px;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td .qty.rwd{
        margin-bottom: 8px;
        display: block;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td .subtotal.rwd{
        display: inline-block;
    }
    .checkout-cart-index button.button.btn-update > span span{
        padding: 10px 13px;
    }
    .checkout-cart-index .cart .bottom{
        margin: 41px auto 8px;
    }
    .checkout-cart-index .cart .bottom form .block-discount .block-title{
        font-size: 15px;
        padding: 0 7px;
    }
    .checkout-cart-index .cart .bottom form .block-discount input#coupon_code{
        padding: 0 0 11px;
        margin-top: 0;
    }
    .checkout-cart-index .cart .bottom form .block-discount .buttons-set button.button{
        margin-top: 14px;
        min-width: 182px;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td input.qty {
        width: 1.5em !important;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td.subtotal{
        font-weight: bold;padding-bottom: 12px;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr td.a-center.price{
        display: none;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr.odd {
        background: white;
    }
    .checkout-cart-index .main .cart .cart-table tbody tr {
        background: white;
        width: 57%;
        margin: 3px auto 15px;
        display: block;
        -webkit-box-shadow: 0 3px 1px 0 rgba(173,171,173,1);
        -moz-box-shadow: 0 3px 1px 0 rgba(173,171,173,1);
        box-shadow: 0 3px 1px 0 rgba(173,171,173,1);
    }
    .checkout-cart-index button.button.btn-update span{
        padding: 0;
    }
    .checkout-cart-index .cart > form{
        overflow-x: inherit;
    }
    .checkout-cart-index button.button.btn-update{
        margin: auto;
        float: none;
        text-align: center;
        width: auto;
        display: block;
    }
    .checkout-cart-index .data-table tr.last {
        width: 100%;
        display: block;
    }
    .checkout-cart-index .main .cart .cart-table td {
        width: auto;
        display: block;
    }
    .checkout-cart-index .cart .bottom form .block-discount{
        width: auto;
    }
    .checkout-cart-index .cart .bottom form .block-discount .block-content{
        width: auto;
        padding: 8px 0;
    }
    .checkout-cart-index .cart .bottom {
        padding: 0 16px;
    }
    .checkout-cart-index .cart .bottom form .block-discount .buttons-set button.button,
    .checkout-onepage-index .opc .order-review .data-table tbody tr td .qty.rwd{
        display: block;
    }
    .checkout-cart-index .cart .bottom form .block-discount .buttons-set a.cancelPromo span{
        color:black;
    }
    .checkout-cart-index .cart .bottom form .block-discount .buttons-set a.cancelPromo:hover{
        opacity: 0.75;
    }
    .checkout-cart-index .cart .bottom form .block-discount .buttons-set a.cancelPromo{
        background: transparent;
        margin: auto;
        padding: 17px 0 0;
    }
    .checkout-cart-index .block-totals{
        margin: 0 ;padding: 1px 0 5px;
    }
    .checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr:first-child td {
        color: white;
        padding: 13px 15px;
    }
    .checkout-cart-index .block-totals .block-content table td{
        padding: 0 15px 10px;;
        font-size: 14px;

    }
    .checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr:first-child td strong{
        padding-left:0;
        font-size: 18px;
    }
    .checkout-cart-index .cart > .bottom{
        margin-top: 23px;
    }
    .checkout-cart-index .cart .bottom .buttons .free span:after {
        left: 0;
        top: -2px;
        background-size: 14px;
    }
    .checkout-cart-index .cart-bottom ul li > span,.checkout-onepage-index .cart-bottom ul li > span{
        float: left;
        width: 50%;
    }
    .checkout-cart-index .cart-bottom .top ul li{
        display: block;
        width: auto;
        clear: both;
    }
    .checkout-cart-index .cart-bottom .top{
        width: inherit;
    }
    .checkout-cart-index .cart-bottom ul li span.img,.checkout-onepage-index .cart-bottom ul li span.img{
        width: 32%;
        height: 59px;
    }
    .checkout-cart-index .cart-bottom .bottom:before, .checkout-onepage-index .cart-bottom .bottom:before {
        border-bottom: 2px solid #282828;
        content: '';
        width: 186px;
        height: 23px;
        left: 0;
        bottom: 0;
        position: absolute;
        text-align: center;
        margin: auto;
        right: 0;
        top: -96px;
        z-index: 9;
    }
    .checkout-cart-index .cart-bottom ul,.checkout-onepage-index .cart-bottom ul {
        display: table;
        width: 268px;
        position: relative;
    }
    .checkout-cart-index .cart-bottom .top {
        padding-bottom: 5px;
        border-bottom:none;
    }
    .checkout-cart-index .cart-bottom .bottom ul,.checkout-onepage-index .cart-bottom .bottom ul{
        width: 100%;
    }
    .checkout-cart-index .cart-bottom .bottom,.checkout-onepage-index .cart-bottom .bottom{
        margin: 18px 0;
        padding: 0;
    }
    .checkout-cart-index .cart-bottom ul li:nth-child(3) span.img img,
    .checkout-onepage-index:nth-child(3) .cart-bottom ul li span.img img{
        width: 62px;
    }
    .checkout-cart-index .cart-bottom ul li:first-child span.img img,
    .checkout-onepage-index:first-child .cart-bottom ul li span.img img,
    .checkout-cart-index .cart-bottom ul li:last-child span.img img,
    .checkout-onepage-index:last-child .cart-bottom ul li span.img img{
        width: 40px;
    }
    .checkout-cart-index .cart-bottom ul li span.img img,.checkout-onepage-index .cart-bottom ul li span.img img{
        width: 55px;
    }
    .checkout-cart-index .cart-bottom ul li span.text,.checkout-onepage-index .cart-bottom ul li span.text{
        width: 65%;
        padding-top: 19px;
        text-align: left;
        padding-left: 0;
        margin-left: -9px;
    }
    .footer.tdc  {
        padding: 5px 4px;
    }
    .footer.tdc .text {
        text-align: center;
        font-size: 10px;
        font-weight: lighter;
    }
    .footer.tdc .links.footer-left ul li a {
        font-size: 10px;
        padding: 0 3px;
        font-weight: lighter;

    }
    .checkout-cart-index .cart-bottom .bottom img.checkout-cart-index .cart-bottom .bottom img{
        width: 30px;
    }
    .checkout-cart-index .cart-bottom ul li span{
        font-size: 16px;
    }
    .checkout-cart-index .cart-bottom ul li span span{
        display: initial;
        padding-left: 4px;
    }
    .checkout-cart-index .cart .bottom .buttons .free span {
        font-size: 13px;
        padding-left: 14px;
        width: 200px;
    }
    .checkout-cart-index .cart .bottom form ul.checkout-types button.btn-checkout{
        padding: 13px;
        min-width: 288px;
        font-size: 17px;
    }
    .checkout-cart-index .cart .bottom form ul.checkout-types li.conti a{
        font-size: 14px;
        width: 209px;
        margin: 17px auto;
    }
    .checkout-cart-index .main .cart .page-title.title-buttons h1{
        font-size: 20px;
    }
    .checkout-cart-index .page-title.title-buttons {
        margin: 0;
    }
    .header.tdc .phone-number .phone span{
        padding-left: 0;
    }
    .checkout-cart-index .cart .bottom .buttons {
        display: block;
        width: initial;
        margin-top: 25px;
    }
    .checkout-cart-index .cart .bottom .buttons .free,.checkout-cart-index .cart .bottom .buttons form{
        width: initial;
    }
    .checkout-cart-index .block-crosssell{
        display: none;
    }
    .footer.tdc .links.footer-left {
        margin: 20px auto auto;
    }
    .checkout-cart-index .cart .bottom form ul.checkout-types{
        margin-top: 7px;
    }
    .header.tdc .phone-number {
        padding-top: 14px;
        width: initial;
        margin: auto;
        font-size: 10px;
        font-weight: 100;
        line-height: 14px;
    }
    .header.tdc .quick-access {
        display: block;
        width: initial;
    }
    .header.tdc .phone-number .phone {
        font-size: 20px;
        line-height: 15px;
        letter-spacing: 0;width: 163px;
        margin: auto;
    }
    .header.tdc .phone-number .phone:before {
        left: 0;
        top: 1px;
        background-size: 17px;
    }
    .header.tdc .phone-number .text div:last-child {
        text-align: center;
    }
    .header.tdc .logo {
        margin: 0;
        padding: 0;
        position: relative;
        width: 59%;
    }
    .header.tdc .logo img {
        display: block;
        margin: auto;
        width: 88px;
        text-align: right;
        padding-right: 2px;
        float: right;
    }
    .header.tdc .infos {
        width: 24%;
    }
    .checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tfoot tr:first-child td:last-child strong {
        padding-right: 0;
    }
    .header .infos .customer:before{
        background: none;
        display: none;
    }
    .header.tdc .infos .customer .all{
        background: transparent;
    }
    .header.tdc .infos .button-small{
        background: url("https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/account.png") 0 0 no-repeat;
        width: 39px;
        margin-left: 28px;
        margin-top: 3px;
        height: 19px;
    }
    .checkout-cart-index .cart .bottom form .block-discount .buttons-set a.cancelPromo,
    .checkout-cart-index .cart form fieldset .bottom{
        display: block;
    }
    .checkout-cart-index .cart .bottom .bottom,
    #ajaxcart_content_option_product #popup_addtocart.mini-products-list,.checkout-cart-index .block-totals .block-content #shopping-cart-totals-table tbody .cancelPromo{
        display: none;
    }
    body #ajaxcart_content_option_product {
        width: 100%;
        max-height: 100%;
        overflow: hidden!important;
    }
    body #ajaxcart_content_option_product .general-div-popup {
        width: 272px;
        margin-top: auto;
        margin-left: auto;
        overflow: initial!important;
    }
    #popup_cart_empty .close a:after{
        right: -16px;
        top: -15px;
    }
    body #ajaxcart_content_option_product .block-infos{
        display: block;
        box-shadow: none;
    }
    #ajaxcart_content_option_product .block-infos .img {
        display: block;
        text-align: center;
        width: auto;
        height: 74px;
    }
    #ajaxcart_content_option_product .ajaxcart-product-infos h2 {
        text-align: center;
        min-height: inherit;
        padding-bottom: 5px;
    }
    #ajaxcart_content_option_product .block-infos .ajaxcart-product-infos {
        display: block;
        margin-top: 0;
        width: auto;
        text-align: center;
    }
    #ajaxcart_content_option_product .price{
        margin-top: 0;
    }
    #ajaxcart_content_option_product .ajaxcart-buttons #ajaxcart_continue_shopping_info{
        padding-left: 26px;
        width: 222px;
        margin-bottom: 5px;
    }
    #ajaxcart_content_option_product #ajaxcart_continue_shopping_info span:before {
        top: 1px;
        left: 1px;
    }
    #ajaxcart_content_option_product #ajaxcart_checkout {
        width: 212px;
    }
    #popup_cart_empty .top .title {
        font-size: 16px;
        padding-top: 72px;
    }
    #popup_cart_empty .general {
        padding: 0 8px 0;
    }
    #popup_cart_empty .top {
        margin-bottom: 24px;
    }
    #popup_cart_empty {
        padding: 26px 26px 21px;
    }
    .checkout-cart-index form {
        overflow-x: hidden;
    }
    .checkout-onepage-index .header.tdc .logo{
        width: 25%;
    }
    .checkout-onepage-index .header.tdc .infos{
        width: 62%;
    }
    .checkout-onepage-index .header.tdc .infos .paiement .all {
        height: 50px;
        width: 160px;
        margin-right: 0;
        background-size: 35px;
    }
    .checkout-onepage-index .header.tdc .infos .paiement .all span {
        padding-top: 40px;
        width: 99px;
        font-size: 11px;
    }
    .checkout-onepage-index .page-title h1 {
        font-size: 20px;
        padding-top: 6px;
    }
    .checkout-onepage-index .opc {
        width: 90%;
        margin: 23px auto auto;
    }
    .checkout-onepage-index .opc .step-title,.checkout-onepage-index .opc .allow.active .step-title{
        padding: 10px 5px 8px;
    }
    .checkout-onepage-index .opc .step-title h2{
        font-size: 14px;
        text-align: left;
        padding: 9px 10px;
        float: none;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3,.checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 {
        width: 100%;
        float: none;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 h3{
        text-align: center;
        padding: 0;
    }
    .checkout-onepage-index .opc .step#checkout-step-login {
        padding: 8px 35px;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list input.input-text,
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul li{
        width: 100%;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1{
        margin-top:27px;
        text-align: center;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set:after{
        display: none;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col-2 .text-cmd{
        font-size: 13px;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 form .input-box {
        width: 100%;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 form{
        text-align: center;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-1 ul.ul {
        text-align: left;
        width: 160px;
        margin: 21px auto;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list li #remember-me-box{
        margin-left: 0;
    }
    .checkout-onepage-index .opc .step#checkout-step-login .col3-set .col-3 .form-list li #remember-me-box label {
        display: block;
        text-align: center;
        float: none;
        width: 151px;
        margin: auto;
        padding-left: 13px;
    }
    .checkout-onepage-index .opc .step.a-item#checkout-step-payment{
        padding: 8px 20px;
    }
    .checkout-onepage-index .opc .step.a-item{
        padding: 8px 27px;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields .field.you-are .you_are {
        display: block;
        margin-right: 0;
    }
    .checkout-onepage-index .opc .section .step.a-item form{
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields .field.you-are label{
        display: block;
        margin-right: 0;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields .field{
        display: block;
        width: 100%;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields .field.you-are{
        font-size: 13px;
        width: 100%;
        margin-top: 6px;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields .field.you-are label{
        font-size: 13px;padding-top: 10px;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields label{
        padding-top:0;font-size: 12px;
        padding-left: 0;
    }
    .checkout-onepage-index .opc .section .step.a-item .all-checkbox label{
        padding-left: 5px;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields select{
        padding: 8px 0;
        font-size: 12px;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields{
        margin-bottom: 6px;
    }
    .checkout-onepage-index .opc .step.a-item input[type=radio]:checked+label::after{
        top: 17px;
        left: 7px;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields input.input-text,
    .checkout-onepage-index .ui-selectmenu-text,.checkout-onepage-index .ui-menu .ui-menu-item-wrapper{
        font-size: 12px;
    }
    .checkout-onepage-index .opc .section .step.a-item .all-radios .control{
        font-size: 14px;
        margin-right: 0;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields div.background-select{
        top:5px;
    }
    .checkout-onepage-index .opc .step.a-item:not(#checkout-step-login) .buttons-set {
        width: 100%;
        text-align: center;
    }
    .checkout-onepage-index .opc .section .step.a-item .fields .wide.add .input-box.back,
    .checkout-onepage-index .opc .section .step.a-item .fields .wide.add select,
    .checkout-onepage-index .opc .section .step.a-item .fields .wide.add input.input-text,
    .checkout-onepage-index .opc .section .step.a-item .fields .input-box.back,
    .checkout-onepage-index .opc .section .step.a-item .fields select,.checkout-onepage-index .opc .step.a-item .address-select .input-box.back,
    .checkout-onepage-index .opc .section .step.a-item .fields input.input-text,.checkout-onepage-index .opc .section .step.a-item .fields .wide input.input-text{
        width: 100%;
    }
    .checkout-onepage-index .opc .step.a-item .buttons-set button.button span{
        width: 160px;
    }
    .checkout-onepage-index .opc .step.a-item .buttons-set button.button{
        float: none;
        margin: auto;
    }
    .checkout-onepage-index .opc .step.a-item .buttons-set a.back:before{
        left: -25px;
        top: 14px;
    }
    .checkout-onepage-index .opc .step.a-item .buttons-set a.back{
        text-align: center  ;width: 44px;
        float: none;
        margin: auto;
        display: block;padding-top: 18px;
        margin-bottom: 10px;
    }
    .checkout-onepage-index .opc .section .step.a-item .all-checkbox{
        width:202px;
        text-align: center;
    }
    #co-shipping-form .all-checkbox {
        width: 162px;
    }
    .checkout-onepage-index #checkout-shipping-method-load {
        background: url(https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/images/refonte-tdc/tnt.svg) 50% 13px no-repeat;
        background-size: 102px;
        padding: 0;
    }
    .checkout-onepage-index #checkout-shipping-method-load .shipment-methods {
        padding-top: 66px;
    }
    .checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods{
        padding: 175px 10px 21px;
    }
    .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
    .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
    html[lang^="nl-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
    html[lang^="fr-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
    html[lang^="fr-lu"] #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
    html[lang^="es-es"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
    html[lang^="nl-nl"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
    html[lang^="it-it"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_tablerate_bestway:before,
    html[lang^="fr-lu"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
    html[lang^="it-it"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
    html[lang^="fr-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
    html[lang^="nl-be"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
    html[lang^="nl-nl"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before,
    html[lang^="es-es"] .checkout-onepage-index #checkout-shipping-method-load .shipment-methods li.s_method_flatrate_flatrate:before{
        top: 70px;
        width: 88px;
        background-size: 88px;
    }
    .checkout-onepage-index #checkout-shipping-method-load .shipment-methods .methods {
        margin-bottom: 13px;
    }
    .checkout-onepage-index .col2-right-layout .col-right{
        display: none;
    }
    .checkout-onepage-index .opc .order-review .data-table thead,
    .checkout-onepage-index .opc .order-review .data-table td.price{
        display: none;
    }
    .checkout-onepage-index .opc .order-review .data-table tbody tr.even td,
    .checkout-onepage-index .opc .order-review .data-table tbody tr.odd td{
        background: white;
    }
    .checkout-onepage-index .opc .order-review .data-table tbody td,
    .checkout-onepage-index .opc .order-review .data-table tbody td.name,
    .checkout-onepage-index .opc .order-review .data-table tbody td.qty
    {
        text-align: center;
        width: auto;
        display: block;
    }
    .checkout-onepage-index .opc .order-review .data-table tfoot tr.grandTotal.last{
        display: block;
        width: 100%;
        background: #547481;
    }
    .checkout-onepage-index .opc .order-review .data-table tbody td.total{
        font-weight: bold;
    }
    .checkout-onepage-index .opc .order-review .data-table tbody tr  {
        margin-bottom: 16px;
        display: block;
    }
    .checkout-onepage-index .opc .order-review .data-table tbody tr td .qty.rwd,.checkout-onepage-index .opc .order-review .data-table tbody tr td .subtotal.rwd {
        display: inline-block;
    }
    .checkout-onepage-index .opc .order-review .data-table tfoot td{
        display: inline-block;
        padding: 13px 21px;
        font-size: 13px;
        width: 35%;
    }
    .checkout-onepage-index .opc .order-review .data-table tfoot .grandTotal td {
        padding: 13px 41px;
        font-size: 14px;
    }
    .checkout-onepage-index .opc .order-review .data-table td.name h3 {
        padding-bottom: 6px;
        font-weight: bold;
        width: 90%;
        margin: auto;
    }
    .checkout-agreements .agree {
        padding: 15px 36px;
    }
    form#checkout-agreements{
        margin-top: 0;
    }
    .checkout-onepage-index .opc .order-review .data-table tfoot .grandTotal td.last{
        padding: 13px 25px 13px 19px;
    }
    .checkout-onepage-index .opc .step.a-item #co-shipping-method-form .free span{
        padding-left: 30px;
    }
    .checkout-onepage-index .opc .step.a-item #co-shipping-method-form .free span:after{
        left: 0;
    }
    .checkout-onepage-index .opc .order-review .data-table tfoot .grandTotal td{
        display: inline-block;
        vertical-align: top;
        padding: 13px 21px;
        font-size: 13px;
        width: 34%;
    }
    .checkout-onepage-index .opc .section .step.a-item .all-checkbox label{
        font-size: 14px;
    }
    .checkout-onepage-index .opc .step.a-item .buttons-set#review-buttons-container button.button span{
        width: 225px;
    }
    .checkout-agreements .agree input[type=checkbox]+label{
        display: inline-block;
    }
    #checkout-review-submit .upd a.update{
        text-align: center;
        margin-right: 0;
    }
    #success_msg .content {
        width: 98%;
    }
    #ajaxcart_content_option_product #ajaxcart_continue_shopping a span{
        font-size: 0;
    }
    #ajaxcart_content_option_product #ajaxcart_continue_shopping{
        width: 100%;
    }
    .checkout-onepage-index .cart-bottom .bottom{
        width: initial;
    }
    .checkout-cart-index .cart .bottom form ul.checkout-types li.conti a:after{
        top:-2px;
    }
    .checkout-onepage-index .ui-widget.ui-widget-content{
        max-width: 500px;
    }
    .header.tdc .infos .customer .button-small span{
        font-size: 0;
    }
    .checkout-onepage-index .opc .section .step.a-item .all-checkbox label::after{
        position: relative;
    }
}
@media (max-width: 540px) {
    .checkout-cart-index .block-crosssell ul li.item{
        width: 59%;
        margin: 20px auto;
    }
    .checkout-cart-index .block-crosssell ul li.item:last-child {
        margin-right: auto;
    }
    .checkout-cart-index .cart-bottom .top ul li {
        display: block;
    }
    .checkout-onepage-index .ui-widget.ui-widget-content{
        max-width: 320px;
    }
    .background-loading{
        width: 300px !important;
    }
}

@media (max-width: 440px) {
    .checkout-onepage-index .header.tdc .logo{
        width: 35%;
    }
    .header.tdc .logo {
        width: 66%;
    }
    .checkout-onepage-index .opc .step.a-item .address-select .input-box.back,.checkout-onepage-index .opc .section .step.a-item .fields .wide.add .input-box.back, .checkout-onepage-index .opc .section .step.a-item .fields .wide.add select, .checkout-onepage-index .opc .section .step.a-item .fields .wide.add input.input-text, .checkout-onepage-index .opc .section .step.a-item .fields .input-box.back, .checkout-onepage-index .opc .section .step.a-item .fields select, .checkout-onepage-index .opc .section .step.a-item .fields input.input-text, .checkout-onepage-index .opc .section .step.a-item .fields .wide input.input-text {
        width:234px;
    }
    .checkout-onepage-index .ui-widget.ui-widget-content{
        width: 270px!important;
    }
}
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('https://www.connexing.be/nl/../skin/frontend/connexing-refonte/default/css/modal/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
.postWrapper {
    padding-bottom: 25px;
    clear: both;
}

.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.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;
}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

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

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentTitle {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
}

.commentTitle div {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #0a263c;
    line-height: 1.35;
}

.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.connexing.be/nl/../skin/frontend/base/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 .title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.35;
    margin: 0 0 5px;
}

.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;
}
#ajax_cart_loading {
    width: 200px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
    background: #f1f1f1 url('https://www.connexing.be/nl/../skin/frontend/base/default/magebuzz/ajaxcart/images/loading.gif') no-repeat center;
    text-align: center;
    opacity: 0.8;
    filter: alpha(opacity=80);
    box-shadow: 5px 5px 5px #888888;
    z-index: 10000;
}

#ajaxcart_content_option_product {
    position: fixed;
    left: 50%;
    top: 30%;
    width: 300px;
    margin-left: -150px;
    margin-top: -100px;
    min-height: 100px;
    background-color: #f1f1f1;
    text-align: center;
    padding: 10px;
    box-shadow: 5px 5px 5px #888888;
    overflow-y: auto!important;
    max-height: 480px;
    z-index: 9999;
}

@media (max-width: 480px) and (orientation:landscape) {
    #ajaxcart_content_option_product {
        overflow-y: auto!important;
        max-height: 300px;
    }
}

#plus_one {
    width: 256px;
    height: 256px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -128px;
    margin-left: -128px;
    background: url('https://www.connexing.be/nl/../skin/frontend/base/default/magebuzz/ajaxcart/images/cart.png') no-repeat center;
}

.ajaxcart-product-image {
    display: inline;
    margin: 5px;
}

.ajaxcart-buttons button {
    margin: 5px;
}
/**
 * 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) 2011 Netapsys Conseil (http://www.netapsys.fr)
 * @license     http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @author      Netapsys Magento Team <magento@netapsys.fr>
 */

/* One Page Checkout */
.form-list .paybox-cc-type { width:100%; margin:10px 0;}
.form-list .paybox-cc-type .paybox-card {float:left; margin:5px; width:65px; height:35px;}
.form-list .paybox-cc-type input[type=radio] {margin-top: 8px;}