/* 20221026141236 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
.col-md-3.center img {
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}

.wsa-demobar a, .close {
display: none!important;
}

.wsa-demobar {
background-color: #000!important;
color: #F79745!important; 
font-size: 13px!important;
}

.gui-button-large.gui-button-action {
    width: 100%!important;
}

a.optieTwee {
    text-align: center !important;
    text-decoration: underline;
    display: block;
    margin-top: 10px;
    margin-bottom: -20px;
}

a.optieTwee:hover {
color: #000;
}
  
.subnav {
    display: none !important;
}

.blokHome {
    margin-bottom: 40px;
  text-align: center;
}

.blokHome2 {
  background-color: #fff;
}

header {
    border: 0;
    box-shadow: rgba(34, 34, 34, 0.10) 0px 5px 10px 0px;
}

.gui-blog-article header {
    box-shadow: none;
}

#TopBarMenu {
  font-size: 13px;
}

p, span, a, h1, h2, h3, h4, h5 {
  font-famliy: 'Lato', sans-serif;
}

p {
    font-size: 14.5px;
}

ol {
  margin-bottom:24px;
}

label sup {
  top:0;
}

h2 {
  color: #212121;
  font-weight: 800;
  font-size 28px;
}

.products.row h2 {
  font-size: 22px;
}

h2.padbot { 
  margin-bottom: 30px;
  margin-top: 10px;
}

.bordered form h2 {
  margin:40px 0 0 0;
  font-size:22px;
}
.bordered form .row {
  margin-top:0;
  padding-top:10px;
}
/* Sidebar */
.col-md-3.sidebar {
    padding: 25px;
    border: 4px solid;
        border-image-outset: 0;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;
    border-image: linear-gradient(to right,#0af,#23d2b5) 1 1%;
}

@media (max-width: 800px) {
.col-md-3.sidebar {
  margin: 20px;
}
}

.col-md-3.sidebar h3 {
  margin-bottom: 20px;
}

.col-md-12.hoogte {
  margin-top: -20px;
}

.col-md-4.nopadleft {
    padding-left: 3px;
}

.col-md-4.nopadleft h3 {
    text-align: center;
    margin-bottom: 10px;
}

.col-md-6.nopad {
    padding: 0px;
}

.col-md-9.nopad {
    padding: 0px;
}

.row.nopad {
  padding-top: 0px;
}

/* Zoekbalk */
.gui-button-large.gui-button-action {
    width: 40%;
}


/*** Introblok met gradient ***/
#contact2 {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 170, 255, 0.22)),
    url('https://cdn.webshopapp.com/shops/261122/files/409236460/wallbox-header2.jpg');
	background-position: left;
  background-size: cover;
  min-height: 420px;
  padding-top: 80px;
}

#contact2 h1 {
    color: #fff;
    font-size: 40px;
}

#contact2 p {
  color: #fff;
}

.bgWhite {
    margin-top: 20px;
    padding: 40px;
    background-color: #fff;
    margin-right: 150px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 12px 24px 0px;
    margin-bottom: 50px;
}

.bgWhite h3, .bgWhite h2 {
    margin-top: 0px;
    color: #00aaff;
    font-weight: 900;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
  .bgWhite {
    margin-right: 0;
  }
}

/*** Button ***/
button {
    border: 0 none;
    background-color: #ff7708;
    font-weight: 800;
    text-transform: none;
    font-size: 14px;
    width: 100%;
}

button:hover {
  background-color: #d45f00;
}

/*** Button 2 ***/
.button2 {
    display: block;
    background-color: #ff7708;
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
    color: #fff!important;
    text-align: center;
}

.button2:hover {
  background-color: #d45f00;
  color: #fff;
}

.button3 {
    background-color: #ff7708;
    font-weight: 600;
    font-size: 13.8px;
    padding: 14px 20px 14px 20px;
    color: #fff!important;
    text-align: center;
}

.blokHome2 .button3 {
  display: inline-block;
}

.button4 {
    background-color: #fff;
    font-weight: 600;
    font-size: 13.8px;
    padding: 14px 20px 14px 20px;
    color: #0af!important;
    text-align: center;
  margin-left: 10px;
}

.button5 {
    background-color: #0af;
    font-weight: 600;
    font-size: 13.8px;
    padding: 14px 20px 14px 20px;
    color: #fff!important;
    text-align: center;
  margin-left: 10px;
}



@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) {
a.button3 {
    width: 100%!important;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) {
a.button4, a.button5 {
    width: 100%!important;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}
}

#contact2 h3 {
    color: white;
    margin-bottom: 20px;
  font-size: 22px;
}

#contact2 {
    padding-bottom: 50px;
}

/*** Kolom ***/

.padding2 {
    padding: 30px;
    border-bottom: 6px #0af solid;
    display: inline-block;
    width: 100%;
}

.padding3 img {
    width: 35px;
}

/*** Laadpaal adviespagina ***/

.prijzen h4 {
 font-family:"lato",Helvetica,Roboto,Arial,sans-serif!important;
}

.aside h1 {
    color: #fff;
    padding-top: 20px;
    margin-bottom: 15px;
}

.green h1 {
    color: #fff;
    padding-top: 20px;
    margin-bottom: 15px;
}

.page-title .col-md-12 ul {
    list-style-position: outside;
    margin-left: 15px;
}

/*** Witte blok homepage ***/
.blokHome {
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 9px 20px 0px;
}

.rowPadding {
  margin-bottom: 20px;
  overflow: hidden;
}

/*** Blauwe balk border gradient ***/

.col-md-6.blueline {
  border: 10px solid;
    border-image-slice: 100%;
    border-image-source: none;
    padding: 50px;
    border-image-source: linear-gradient(135deg,#0af 0,#23d2b5 100%);
    border-image-slice: 1;
    display: inline-block;
    margin-left: 20px;
   margin-right: -20px;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .col-md-6.blueline {
 margin: 0px;
  }
}

.col-md-6.blueline h2 {
  font-size: 36px;
}

.col-md-6.blueline .button3, .col-md-6.blueline .button5 {
  display: inline-block;
  padding: 10px 25px 10px 25px;
}

.col-md-6.afbeelding img {
  margin-top: 40px;
  margin-left: -20px;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .col-md-6.afbeelding img {
  margin-top: 30px;
  margin-left: 0px;
}
}

/*** Blauwe balk adviesgesprek ***/

.rowPaddingblue {
  padding: 60px 50px;
  display: block;
  overflow: hidden;
}

.rowPaddingblue img {
  margin: 0 auto;
}

.rowPaddingblue .button {
  font-weight: bold;
}

.rowPaddingblue h2 {
  font-size: 28px!important;
  margin-bottom: 20px;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) {
.blokHome2 img {
  padding: 0px!important;
  margin-bottom: 0px!important;
}
}
  
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .rowPaddingblue {
  padding: 45px 15px 45px 15px;
  }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .rowPaddingblue img {
 margin-top: 30px;
  padding: 30px;
  margin-bottom: 30px;
  }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .rowPaddingblue.blokHome2 img {
  padding: 0px
  margin: 0px;
  }
}
  
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .col-sm-6.midden h2 {
    text-align: center;
  font-weight: 600;
}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) {
.col-sm-6.midden {
  text-align: center;
      margin-bottom: 30px;
}
}

.col-sm-12.midden h2 {
  text-align: center;
      margin-bottom: 30px;
}

.col-sm-12.midden h4 {
  font-size: 16px;
  font-weight: normal;
  padding-left: 75px;
  padding-right: 75px;
  margin-bottom: 40px;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .col-sm-12.midden h4 {
    padding-left: 10px;
    padding-right: 10px;
}
}
/*
.col-sm-12.midden {
  text-align: center;
}

 .rowPaddingblue h2 {
    text-align: right;
}
*/

/* Blauwe balk 2 kolommen home */

.row1.blue {
  margin-top: 40px;
}

.row1.blue .button {
  display: inline-block;
}

@media all and (min-device-width:1024px) {
.row2.blue {
  margin-top: 40px;
  margin-bottom: 180px;
  padding-bottom:430px;
  overflow: visible;
	}

.row2.blue .rowPaddingblue {
  overflow: visible;
  transform: translateY(100px);
	}

.row2.blue .rowPaddingblue .col-sm-12 {
  transform: translateY(-100px);
	}
}

@media all and (max-device-width:1023px) {
.row2.blue {
  
  }
}

.blokHome2 {
  color: #212121;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 9px 20px 0px;
    background-color: #fff;
}

.blokHome2 h3 {
  font-size: 21px;
}

.col-md-6.left {
  padding-left: 0px;
  padding-right: 20px;
}

.col-md-6.right {
  padding-left: 20px;
  padding-right: 0px;
}


  @media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .col-md-6.left {
    padding-left: 0px;
  padding-right: 0px;
  width:100%;
  }
}
  
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .col-md-6.right {
    padding-left: 0px;
  padding-right: 0px;
  width:100%;
  }
}



/* Grijze balk kennisbank */

.row.Grey {
  background-color: #f0efed;
  padding: 60px 80px;
  display: block;
  overflow: hidden;
  margin: 0px;
}

.row.Grey img {
  margin: 0 auto;
}

.row.Grey .col-sm-3 {
  display: inline-block;
}
  
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .row.Grey {
   padding: 30px; 
  }
}
  
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .row.Grey img {
  padding: 30px;
}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px) { .row.Grey h2 {
  font-size: 28px;
  margin-top: 20px;
  margin-bottom: 20px;
}
}

/*** Teksten home ***/

.padding3 {
  margin-top: 50px;
  margin-bottom: 50px;
}

/*** CTA boven Footer ***/
.col-sm-5.blue {
    padding: 40px;
}

.col-sm-5.blue a {
  color: #fff;
}

.col-sm-5.blue .button {
    color: rgb(0, 170, 255);
}

.glyphicon {
    margin-right: 5px;
}

.smallpadding {
  margin-top: 25px;
}

a.btn span {
    color: #fff;
    font-weight: bold;
}

/*** Footer ***/
footer a, footer .links a {
    font-size: 14px;
    line-height: 30px;
}

.footercollapse strong {
    font-size: 18px;
    font-weight: bold;
}

label.footercollapse {
    margin-bottom: 18px;
}

/*** Blogbericht ***/
.gui-blog-article {
    font-size: 15px;
    line-height: 26px;
  color: #212121;
}

.gui-blog-article h2 {
    margin-top: 20px;
}

gui h2 {
  margin-top:20px;
}
.gui h3 {
  margin-top:30px;
}

.gui-checkout .gui-progressbar ul li.gui-done a {
  color:#2BAEF8 !important;
}

.products li {
    margin-left: 0px;
    list-style: none;
}

.products ul, article ul, article li {
  list-style:disc;
}
.products ul, article ul {
  margin-top:30px;
}
article li {
  margin-left:30px;
}
.content header ul {
  list-style:none;
}
.content header li {
  margin:0;
  list-style:none;
}
.vpadding {
  padding:40px 0;
}
.centerImage {
  margin:0 auto 30px;
}
.product-option.row {
  padding:0;
}
.products .product:hover {
  opacity:0.5;
}
.products .product .info .title {
  max-height:none;
}
nav.desktop .item .itemLink {
  text-transform:none;
  font-family:"lato",Helvetica,Roboto,Arial,sans-serif;
  color: #353535;
  font-size:16px;
}
.gui-block {
  box-shadow: 0 5px 10px 0 rgba(37,37,37,.17);
  border:0;
}
.gui-block-title {
  color:#1663A6;
  background-color:#F0F7FA;
  border:0;
}
.gui-block-title strong{
  color:#1663A6;
}
.gui a.gui-button-small {
  color:#fff;
  background-color:rgb(0, 170, 255);
  border:0;
  font-size:12px;
  font-weight:700;
  border-radius:4px;
}
.gui-div-cart-shipping {
  display:none;
}
.gui-div-cart-related {
  display:block;
  width:40%;
}
.gui-div-cart-coupons {
  display:block;
  width:22%;
}
.gui-block-title a {
  color:#fff;
}
.page.reviews {
  padding-top:20px;
}



.list {
  font-size:14px;
}
#filter_form {
  padding:0 15px;
}
#filter_form .col-xs-12, #filter_form .col-lg-12 {
  padding:0;
}
#filter_form .row {
  margin:0;
}
.modes {
  display:none;
}
.label {
  position:absolute;
  margin-top:-50px;
  background-color:#69ae22;
}
#collection-filter-price .ui-slider-range {
  background-color:rgb(217, 242, 255) !important;
  border: 0 none;
}
.ui-slider-handle {
  border-color:rgb(0, 170, 255) !important;
  background-color:rgb(0, 170, 255) !important;
}
.info h2, .info h3 {
  margin-top:16px;
  margin-bottom:16px;
}
.info h2 {
  font-size:22px;
  margin-top:48px;
}
.info h3 {
  font-size:18px;
}
.cartable{
  margin:0 0 32px 0;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 12px 24px 0px;
  width:100%;
  border-radius:8px;
}
.cartable th {
  font-weight:bold;
}
.cartable thead th {
  
   color:#005FAA;
  background-color:#F0F7FA;
}
.cartable th, .cartable td {
  padding:4px 8px;
}
.fade1 {
  opacity:0.75;
}
.fade2 {
  opacity:0.5;
}
.fade3 {
  opacity:0.25;
}
.more {
  padding:8px;
  text-align:center;
}
.spoed {
  padding:10px 0;
  font-size:10px;
  color:#6DAB39;
  text-align:right
}
.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action {
  background-color:#FF9900;
  color:#fff;
  border:none;
  border-radius:4px;
}
.pager ul {
  border:none;
}
.products .product .info .title {
  min-height:40px;
}
.usp {
  font-size:18px;
  margin:32px 0;
  padding:0 0 0 32px;
  list-style: none;
}
.usp li {
  list-style:none;
}

.usp li:before {
  margin-right:16px;
  content: '✓';
  color:#69AF23;
  font-weight:bold;
}

.content .USPS-category ul {
  margin: 15px 20px 40px 20px;
  padding: 15px 30px;
  background-color: #2BAEF8;
  clear: both;
  border-radius:40px;
}

.content .USPS-category li {
  color:#fff;
  display: inline-block;
  margin:0 16px 0 0;
}

.content .USPS-category li:before {
    margin-right:16px;
    content: '✓';
    color:#ACDDF8;
    font-weight:bold;
}

.padding2 .usp {
  padding: 0px;
  font-size: 15px;
  margin-top: 17px;
  margin-bottom: 20px;
  line-height: 28px;
}

.usp2 {
  font-size: 16px;
  margin-left: 0px;
}

ul.usp2 {
  margin-left: 0px!important;
}

.usp2 li {
  list-style: none;
}

.col-md-9 {
    padding-right: 40px;
}

.usp2 li::before {
    content: '→';
    color: #69AF23;
    font-weight: 900;
    margin-right: 10px;
    margin-left: 0px;
}

table.details td {
  padding-right:4px;
}
table.status {
  width:100%;
  border-collapse: separate;
  border-spacing: 15px;
}

.offerte {
  overflow:hidden;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 12px 24px 0px;
  margin-top:32px;
  background-image:linear-gradient(135deg,#0af 0,#23d2b5 100%);
  color:#fff;
    line-height:1.4;
}
.offerte .wrapper {
  padding:32px;
}
.offerte h2, .blue h2 {
  color:#fff;
  font-size:24px;
}
.offerte h3 {
  font-size:16px;
  margin:20px 0 10px 0;
}
.offerte a.btn {
  margin-top:20px;
  height:auto;
  line-height:1;
							font-size: 14px;
							padding: 12px 24px;
							border-radius: 4px;
							background-color: #fff;
							color: #01aaff;
}

#ev-form-laadpalen label {
  min-width:120px;
  float:left;
}

						#questions select {
							-webkit-appearance:none;
							-moz-appearance:none;
							appearance:none;
							border:none;
							border-bottom: 1px dashed #2BAEF9;
              margin:0 8px;
              padding:4px 8px;
							line-height: 1;
							color:#2BAEF9;
              border-radius:none;
              font-size:28px;
							display: inline-block;
              white-space: nowrap;
              width:auto;              
						}
						#questions #tempSelect {
              display:inline-block;
              padding:4px 8px;
            }
						#questions option {
							font-style: normal;
						}
h2.divider {
							margin: 20px auto 10px auto;
							text-align: center;
							background-color:#F0F7FA;
  						font-weight:bold;
  						color: #1663A6;
  						border-radius:20px;
  						font-size:15px;
  						font-style:normal;
  						display:table;
  						padding:8px 16px;
						}

						#questions {
							color: #333;
							padding: 0 0 24px 0;
							line-height: 1.6;
							font-size: 28px;
							font-style: italic;
							text-align: center;
						}

						#questions .gui-button-large {
              background-color:#FB9738;
              text-transform:none;
							font-size: 20px;
							padding: 8px 16px;
							border-radius: 48px;
              margin-bottom:10px;
              line-height:1;
						}

						#questions .gui {
              margin:0;
							font-style: normal;
						}

						#questions .small {
							font-size: 12px;
						}

						.blue {              
              box-shadow: rgba(0, 0, 0, 0.117647) 0px 12px 24px 0px;
              overflow:hidden;
							padding: 0;
							background-image: linear-gradient(135deg,#0af 0,#23d2b5 100%);
							color: #fff;
							line-height: 1.6;
              margin-bottom: 20px;
						}

						.blue .button {
							font-size: 14px;
							padding: 12px 24px;
							border-radius: 0;
							background-color: #fff;
							font-weight: 700;
						}

.bordered {
  background-image: linear-gradient(135deg,#0af 0,#23d2b5 100%);
  padding:8px;
}
.bordered .content {
  background-color:#f5f5f5;
  padding:48px;
}
.bordered h2 {
  margin:0 0 32px 0;
  font-size:36px;
	line-height:1.24;
  color:#0af
}
.bordered .btn {
  float:right;
}
.bordered .btn-primary {
  border:0;
  background-color:#23d2b5;
}
.bordered .form-group {
  padding:0;
  margin:0 0 10px 0;
  clear:both;
  width:100%;
  min-height:24px;
}
.bordered p {
  clear:both;
}
.bordered input.form-control, .bordered textarea {
  max-width:none;
}
h2.divider {
  font-size: 14px;
}

						.padding {
							padding: 48px;
						}
						ul.list {
							padding:24px 0;
						}
						#contact {
							background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 170, 255, 0.42)),
    url('https://cdn.webshopapp.com/shops/261122/files/415952263/2022-05-engie-beeldbank-02.jpg');
							background-position: left;
							background-size: cover;
							min-height: 360px;
							padding-top:100px;
              padding-bottom: 100px;
						}
						.hidden {
							display: none;
						}

						@media only screen and (max-width:62em) {
							#questions, #questions select {
								font-size: 18px;
							}
							#questions .gui-button-large {
								padding: 4px 12px;
							}
							.padding {
								padding: 36px;
							}
						}

						@media only screen and (min-width:62em) {
							#questions .gui-button-large {
								padding: 12px 24px;
                line-height:1;
                height:auto;
                vertical-align:center;
							}
						}

						@media only screen and (max-width:38em) {
              h2.divider {
                font-size:12px;
              }
              .page {
                font-size:12px;
              }
							#questions, #questions select {
								font-size: 16px;
							}
              .products .product .info .title {
								font-size:11px;
              }
							.padding {
								padding: 24px;
							}
              .tabs ul li a {
                font-size:13px;
              }
              h1.product-page {
                margin-bottom:12px;
              }            
              .details td,.details th {
                display:block;
                width:100%;
              }
              .details th {
                font-size:8px;
                line-height:10px;
              }
              .label {
                max-width:95px;
                font-size:8px;
                white-space:normal;
                text-align:left;
              }
              .offerte,.breadcrumbs {
                display:none;
              }
              .usp {
                padding:10px 0;
              }
              .usp li {
                font-size:13px;
              }
              .usp li:before {
                margin-right:8px;
              }
              ::-webkit-scrollbar {
                  -webkit-appearance: none;
                  width: 7px;
                  height: 7px;
              }
						}

.padding4 .usp li {
    font-size: 17px;
    font-weight: 800;
}

.padding4 .usp {
  margin: 10px;
  padding: 0px;
}

.page-title.row .padding4 {
  text-align: center;
}

@media (max-width: 767px) {
  nav, nav .item.view-subnav {
  	background-color:#f6f6f6;
  	color:#2c2c2c!important;   
  }
  nav .item .itemLink, nav .subitem .subitemLink {

    padding:10px 15px;
  }
  #formSearch {
    border:none;
  }
  #questions .gui-button-large {
    font-size:14px;
  }
  .gui-div-cart-related,.gui-div-cart-coupons {
    width:100%;
  }
  .gui-div-cart-related {
    display:block !important; 
    margin-bottom:24px !important;
  }
  .gui ul.gui-products li .gui-products-title {
    overflow: visible !important;
    white-space: normal !important;
}


.fader {

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* MYPRODUCTUPSELL */

.upsellForm .addCart {
  background-color:#1DACFC;
  color:#fff;
  font-weight:bold;
  border-radius:12px;
  height:32px;
  line-height:32px;
  padding:0 12px;
}
#mpu_products .group {
  margin-bottom:20px;
}
#mpu_products .cartButton{
  color:#1DACFC;
  background-color:#fff;
}
#mpu_products .continueButton{
  background-color:#6AAF32;
  color:#fff;
  border-radius:24px;
  font-weight:bold;
  padding:6px 18px;
}