/*
BADGES
BODY
BUTTON
CALLOUT
CARDLOGO
CART
COLOR
FONT
FOOTER
HEADER
INFO
INSTALLADVICE
LABEL
MARGIN
MENU
MYMODAL
NAVBAR
ORDER
SHAPE
SCROLL
SELECT
SEPARATOR
SHIPPING
SLIDER
STEPS
STICKY
STRIPE
TAB
TABLE
TESTIMONIALS
TITLE
YOUTUBE
*/

/*BADGES*/
.custom-badge {
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  display: inline-block;
  transition: all 0.2s ease;
  color: var(--dark);
  margin-right: 10px;
}
.custom-badge .circle {
  color: var(--dark);
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
/*.custom-badge:before, .custom-badge:after { position: absolute; width: inherit; height: inherit; border-radius: inherit; background: inherit; content: ""; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.custom-badge:before { transform: rotate(60deg); }
.custom-badge:after { transform: rotate(-60deg); }
.custom-badge:hover { top: -4px; }*/
/*BADGES END*/

/*BODY*/
body {
  background: var(--main-bg);
  z-index: 0;
}
.main {
  background: var(--main-bg);
}
.main > a {
  color: #222;
  z-index: 1;
  position: relative;
}
.highlight.custom {
  background-color: #000;
}

a {
  color: var(--primary-color);
}

.btn-custom {
  background: var(--primary-color);
}
.btn-custom-disabled {
  background: var(--tertiary-color);
}
.btn-custom:hover {
  background: var(--tertiary-color);
}

.label-info {
  background-color: var(--primary-color);
}

.image-gallery-fullscreen-button::before {
  content: "\f00e";
  font-family: fontAwesome;
  color: var(--dark);
  font-size: 24px;
}
.image-gallery-fullscreen-button.active::before {
  content: "\f057";
}

.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before,
.image-gallery-left-nav:hover::before,
.image-gallery-right-nav:hover::before {
  color: var(--primary-color);
}

.image-gallery-thumbnail.active {
  border: 0px;
}

.site-logo,
.site-logo:hover,
.site-logo:active,
.site-logo:focus {
  background-color: transparent;
  background: var(--url-logo);
  background-repeat: no-repeat;
  width: var(--url-logo-w);
  height: var(--url-logo-h);
  background-position-y: center;
  background-size: contain;
  display: block;
}

/*BODY END*/

/*BUTTON*/
button {
  margin: 0px;
}
.btn.btn-custom {
  color: #222;
}
.main .btn-green {
  color: #fff;
}

.btn.btn-newsletter {
  color: #fff;
  background-color: var(--newsletter-button-color);
  border-color: var(--newsletter-button-color);
}

.btn.btn-newsletter:hover,
.btn.btn-newsletter:focus {
  color: #fff;
  background-color: var(--newsletter-button-color);
  border-color: var(--newsletter-button-color);
}

.btn.btn-newsletter.btn-border {
  color: var(--newsletter-button-color);
  background-color: transparent;
  border-color: var(--newsletter-button-color);
}

.btn.btn-newsletter.btn-border:hover,
.btn.btn-newsletter.btn-border:focus {
  color: #fff;
  background-color: var(--newsletter-button-color);
  border-color: var(--newsletter-button-color);
}
/*BUTTON END*/

/*CALLOUT*/

.advice,
.note {
  margin: 10px 0px;
  text-align: center;
}

.callout.custom p,
.callout.custom .callout-title {
  color: var(--newsletter-text-color);
}
.callout.custom2 {
  background-color: #201e92;
  color: #fff;
}
.callout.custom2 p,
.callout.custom2 .callout-title,
.callout.custom2 small {
  color: #fff;
}

.callout.infostore .col-sm-4 {
  border-left: 1px solid #000;
  color: #000;
  font-size: 14px;
}
.callout.infostore .col-sm-4:first-child {
  border-left: none;
}
.callout.infostore .col-sm-4 small {
  display: block;
  margin-top: 5px;
}

.callout.infostore a {
  color: var(--primary-color);
}

.callout.callout-half.custom:before {
  background: var(--newsletter-bg-color2);
  background-color: var(--newsletter-bg-color2);
}
.callout.callout-half.custom .form-control {
  color: var(--newsletter-input-text-color);
  border: none;
}

.callout.measure {
  background: var(--tertiary-bg-color);
  margin-bottom: 20px;
  padding: 20px 30px;
  border-left: 5px solid var(--primary-bg-color);
}
.callout.measure .container {
  padding: 20px;
}
.callout.measure small {
  display: block;
  font-size: 14px;
}
.callout.measure i {
  float: left;
  font-size: 70px;
  display: block;
  color: var(--primary-bg-color);
  margin-right: 20px;
}

.callout {
  margin-bottom: 20px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: black;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: black;
}

.shipping-wrapper h3 {
  font-size: 24px;
  margin-top: 10px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 3px;
}
.shipping-wrapper h3::after {
  content: "...";
  display: block;
  color: var(--primary-bg-color);
  height: 20px;
  margin-bottom: 10px;
}
.shipping-wrapper i {
  font-size: 100px;
  color: var(--primary-bg-color);
}
.shipping-wrapper p {
  font-size: 14px; /* color: #fefefe; */
  padding: 0 30px;
  line-height: 24px;
}

.low-price .callout-title {
  font-size: 18px;
}

/*CALLOUT END*/

/*CARDLOGO*/
.cardLogo {
  font-size: 36px;
  position: absolute;
  top: 10px;
  color: #fff;
  right: 10px;
  text-align: right;
}
.cart-card .cardLogo {
  color: #000;
  display: block;
  position: relative;
  height: 35px;
}
/*CARDLOGO end*/

/*CART*/
.info-col .product .product-info ul span {
  text-decoration: none;
  font-weight: 700;
  min-width: 120px;
}
.info-col .product .product-info ul div {
  display: inline;
}

.shop-row .btn-home-shop {
  padding: 15px;
  margin: 0px;
  font-weight: 700;
  background: var(--tertiary-bg-color);
}
.shop-row .btn-home-shop:hover {
  border-bottom: 5px solid var(--primary-bg-color);
}
.shop-row .product-title {
  font-size: 20px;
}
.shop-row .product-price-container {
  color: #000;
}

.dropdown.cart-dropdown > a {
  color: #000;
  padding: 35px 0px 0px 20px;
  font-size: 14px;
}
.dropdown.cart-dropdown > a i {
  font-size: 28px;
}
.dropdown.cart-dropdown > a .dcart-total-count {
  left: 95%;
  top: -5px;
  background-color: #fff;
  color: #000;
  bottom: inherit;
}

.MuiCard-root {
  margin: 0 0 10px 0;
}
.MuiCardMedia-root {
  background-size: 100% 100%;
}
.cart-media {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.cart-media2 {
  width: 100px;
  height: 100px;
}

.guest {
  background: var(--tertiary-bg-color);
}

.MuiListItem-root .MuiAvatar-root,
.MuiCardHeader-avatar {
  display: none;
}
.MuiListItem-root .MuiListItemAvatar-root {
  min-width: 0px;
}

.MuiListItem-root {
  border-bottom: 1px solid #f5f5f5;
}

.MuiList-padding,
.MuiListItem-gutters {
  padding: 0px;
}
.MuiPaper-rounded {
  border-radius: 0px;
}

.qtyInput {
  width: 50px;
}
.priceSection {
  padding: 0px;
  float: right;
}
.priceTable {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  margin-top: 10px;
  width: 100%;
}
.priceTable .priceRow {
  font-weight: bold;
}
.priceTable td {
  width: 50%;
}
.priceTable .priceValue {
  text-align: right;
  padding: 2px;
}

.MuiTypography-body2,
.MuiTypography-subtitle1 {
  font-size: 14px;
}
.MuiCardHeader-title,
.MuiCardHeader-subheader,
.MuiButton-sizeLarge {
  font-size: 14px;
  color: var(--dark);
}
.MuiCardHeader-root {
  padding: 0;
}

/*TEMPTEMP*/
.miniCart .MuiIconButton-root {
  display: block;
  padding: 0;
  margin: 0;
}
.cartItem .MuiCardHeader-content {
  display: none;
}
.cartItem .MuiCardHeader-action {
  margin-left: auto;
}

/*TEMPTEMP*/

.MuiButton-sizeLarge {
  border-radius: 7px;
}

.MuiTypography-body1 {
  font-size: 12px;
}

/*CART END*/

/*COLOR*/
.yellow {
  background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%);
  color: var(--dark);
}
.orange {
  background: linear-gradient(to bottom right, #ffc107 0%, #f57c00 100%);
  color: #f68401;
}
.pink {
  background: linear-gradient(to bottom right, #f48fb1 0%, #d81b60 100%);
  color: #dc306f;
}
.red {
  background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%);
  color: #c62828;
}
.purple {
  background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%);
  color: #7127a8;
}
.teal {
  background: linear-gradient(to bottom right, #4db6ac 0%, #00796b 100%);
  color: #34a297;
}
.blue {
  background: linear-gradient(to bottom right, #4fc3f7 0%, #2196f3 100%);
  color: #259af3;
}
.blue-dark {
  background: linear-gradient(to bottom right, #1976d2 0%, #283593 100%);
  color: #1c68c5;
}
.green {
  background: linear-gradient(to bottom right, #cddc39 0%, #8bc34a 100%);
  color: #7cb342;
}
.green-dark {
  background: linear-gradient(to bottom right, #008000 0%, #1b5e20 100%);
  color: #00944a;
}
.silver {
  background: linear-gradient(to bottom right, #e0e0e0 0%, #bdbdbd 100%);
  color: #9e9e9e;
}
.gold {
  background: linear-gradient(to bottom right, #e6ce6a 0%, #b7892b 100%);
  color: #b7892b;
}
.white {
  background: #fff;
  color: #000;
}
/*COLOR END*/

.social-menu,
.login-menu {
  background: var(--subheader-button-color);
}

/*FILTER*/
.card {
  z-index: 0;
  border-color: var(--tertiary-bg-color);
  background: var(--sidebar-bg-color);
  color: var(--sidebar-text-color);
}
.card-title {
  color: var(--sidebar-title-color);
}
.card-header {
  padding: 15px;
  font-size: 14px;
  font-weight: 700;
  background: var(--tertiary-bg-color);
  border-color: var(--tertiary-bg-color);
}
.card-header .btn {
  float: right;
  margin-top: -5px;
}
.shades {
  padding: 0px;
  border: 1px solid var(--tertiary-bg-color);
  background: var(--tertiary-bg-color);
}
.shadesimg {
  background: #fff !important;
}
.shadesdesc {
  padding: 10px;
}
.shades .image-gallery-left-nav::before,
.shades .image-gallery-right-nav::before {
  font-size: 24px;
  color: var(--dark);
}
.shades .image-gallery-fullscreen-button,
.image-gallery-play-button {
  font-size: 12px;
}
.shades .image-gallery-fullscreen-button {
  top: 0;
  bottom: unset;
}

.shop {
  width: 100%;
  padding: 5px;
  margin: 0px;
  font-size: 14px;
  background-color: var(--primary-bg-color);
  font-weight: normal;
}
.shades h3 {
  margin-top: 10px;
  font-size: 22px;
}
.image-gallery-slide .image-gallery-description {
  width: 100%;
  bottom: 0px;
  text-align: center;
  background: var(--caption-bg-color);
  color: var(--caption-color);
}
.shades .unitPrice {
  margin-left: 0px;
}
.delivery {
  color: #666;
  margin-top: 10px;
}
.hrdel {
  margin: 5px;
  padding: 0;
}
.image-gallery-index::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f5c3";
  margin-right: 2px;
}

.MuiBox-root {
  font-size: 14px;
  border: 2px solid rgb(239, 239, 239);
}

/*FILTER END*/

/*FONT*/
body {
  font: 400 14px/1.7 Helvetica, Arial, sans-serif;
}
.footer .widget .widget-title,
.portfolio-item .portfolio-title,
.header.header2 .navbar-collapse,
.price,
.dilevry,
.couleur,
#button-login,
#button-login2,
button,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "PT Sans", sans-serif;
  letter-spacing: 0.06em;
}
.bold {
  font-weight: 700;
}

/*FONT END*/

/*FOOTER*/
.footer {
  z-index: 9;
  position: relative;
  background: var(--footer-bg-color);
  color: var(--footer-title-color);
  font-size: 14px;
  border-bottom: none;
}
.footer a {
  font-size: 14px;
  color: var(--footer-text-color);
}
.footer a:hover {
  color: var(--footer-link-color);
}
.footer hr {
  margin: 0px;
}
.footer .btn-black:hover {
  background-color: #111;
}

.footer > .container,
.footer > .container-fluid {
  padding-top: 15px;
}

.footer-bottom {
  padding: 0px;
  line-height: 35px;
  background: var(--subfooter-bg-color);
  color: var(--subfooter-text-color);
}
.footer-bottom .footer-right a {
  color: var(--subfooter-text-color);
}
.footer-bottom .footer-right a:hover {
  color: var(--subfooter-text-color);
}
/*.footer-bottom .container {}*/

.footer .widget .widget-title {
  font-weight: 700;
  text-transform: inherit;
  font-size: 18px;
  margin: 35px 0 10px;
}

.footer .widget.about-widget img {
  width: auto;
  max-height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.widget-ul > li {
  display: block;
}
/*FOOTER END*/

/*HEADER*/
.header {
  z-index: 10;
  position: relative;
}
.page-header {
  z-index: 10;
  position: relative;
}
.page-header.custom h1 {
  color: #222;
}

.site-logo {
  margin: 0px;
  margin-top: 8px;
}
.site-logo img {
  height: 90px;
}
.info-box-content small {
  color: #222;
}

.top-text a {
  color: #f1f1f1;
}

.header-top .header-dropdown + .top-menu {
  margin-right: 10px;
}
.header-top .top-links {
  margin-right: 5px;
  font-size: 14px;
  color: #fff;
}
.header-top .top-links a + a {
  margin-left: 10px;
}
.header-top .top-links a + a:before {
  content: none;
}
.header-top .top-menu li + li {
  margin-left: 10px;
}
.header-top .top-menu li + li:before {
  content: none;
}

.header-top.dark {
  border-color: var(--subheader-border-color);
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1000;
}
/*.header-top.dark .top-menu li a.user-name { color: var(--subheader-button-text-color);  }*/
.header-top.dark .social-icons .social-icon {
  color: var(--subheader-button-text-color);
  background: var(--subheader-button-color);
  border-color: var(--subheader-border-color);
}

/*.header2 .header-top.dark .top-menu li a.user-name {height: 35.5px;line-height: 35.5px;}*/
.header2 .header-top.dark .social-icons .social-icon {
  height: 35.5px;
}
.header-top.dark .top-menu li a.user-name {
  background: var(--subheader-button-color);
  color: var(--subheader-button-text-color);
  border-color: var(--subheader-border-color);
  height: 35.5px;
  padding-left: 10px;
  padding-right: 10px;
}
.header3 .header-top.dark .social-icons .social-icon {
  margin-top: 2px;
}

/*@media only screen and (max-width: 860px) { .site-logo { width: 150px } }*/
/*HEADER END*/
.header-top .top-menu {
  display: block;
}
/*CARDLOGO*/
.cardLogo {
  bottom: 30px;
  top: inherit;
}

/*ICON*/
/*
.ico-form {}
.ico-product {}
.ico-room {}
.ico-shade {}
.ico-shade-xl {}

.color-ico {}
*/

.img-specs {
  width: 90%;
  display: block;
  clear: both;
}

.shipping-img .ico-product {
  height: 210px;
}

.howtomeasure .img-mesure {
  width: 80%;
  height: auto;
}
.howtomeasure small {
  font-size: 13px;
  color: #000;
  font-weight: 700;
  text-align: center;
  width: 80%;
  display: block;
  margin-bottom: 20px;
}

.installation .entry.entry-grid .entry-title {
  font-size: 25px;
}
.installation ol {
  list-style: inside;
}

.motorization .ico-product {
  width: 100%;
  height: auto;
  padding: 5px;
}
.motorization .icon-list .ico-product {
  width: auto;
  height: 35px;
  padding: 5px;
  margin: 15px 0px;
}
.motorization h3,
.motorization h4 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}

.motorization ul li {
  list-style-type: square;
}
.motorization .col-sm-12 {
  margin-bottom: 30px;
}

.blindseparation {
  margin-bottom: 20px;
}
.blindseparation .col-md-6 {
  /*border:2px dashed #666;*/
  padding: 20px;
}
.container-option > .xxx1 {
  width: 80%;
  height: auto;
}

/*INFO*/

.header-info-boxes {
  margin-top: 30px;
}
.header-info-boxes .header-info-box {
  text-align: left;
}
.header-info-boxes .header-info-box .tip {
  right: 5%;
  top: -20px;
  font-size: 14px;
  background-color: var(--primary-color);
}
.header-info-boxes .header-info-box .tip:after {
  border-color: var(--primary-color) transparent transparent transparent;
}
.header-info-boxes .header-info-box i {
  background: none;
  color: var(--primary-color);
  border-radius: 0px;
  font-size: 36px;
}

.header-info-boxes .btn.btn-black.btn-border:hover {
  background: #fff;
  color: var(--primary-color);
}

.info-boxes-container .info-box .little i {
  font-size: 36px;
  content: "";
  width: 46px;
  height: 46px;
  line-height: 46px;
  display: block;
  text-align: center;
  border-radius: 50%; /*background-color: #e6e6e6;*/
}
.info-box {
  vertical-align: middle;
}

.addr-info {
  width: 25%;
  float: left;
  position: relative;
}
.addr-info-sub {
  width: 75%;
  float: left;
  position: relative;
}

.hour-info {
  width: 55%;
  float: left;
  position: relative;
}

.entry {
  margin-bottom: 10px;
}
.option-description {
  padding: 0px;
}

@media only screen and (max-width: 667px) {
  .alert-info {
    font-size: smaller;
    padding: 10px;
  }
}
/*INFO END*/

/*INSTALLADVICE*/
.install-advice {
  list-style: none;
  font-size: 22px;
  counter-reset: step;
}

.install-advice li {
  display: inline-grid;
  width: 20%;
}
.install-advice li::before {
  content: counter(step);
  counter-increment: step;
  font-size: 18px;
  width: 40px;
  height: 75%;
  line-height: 35px;
  border: 3px solid var(--primary-color);
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: inherit;
}

@media only screen and (max-width: 860px) {
  .install-advice,
  .install-advice li::before {
    font-size: 100%;
  }
}

.entry.entry-grid .entry-meta,
.entry.entry-grid .entry-meta a {
  color: var(--dark);
}
.entry.entry-grid .entry-meta a {
  text-decoration: underline;
}

/*INSTALLADVICE END*/

/*LABEL*/
.label {
  font-size: 90%;
}
.label-sub {
  padding-top: 25px;
}

@media only screen and (max-width: 350px) and (orientation: portrait) {
  .label {
    font-size: 60%;
  }
}

@media only screen and (max-width: 736px) {
  .label {
    font-size: 70%;
  }
  .label-sub {
    padding-top: unset;
    text-align: unset;
  }
}

/*LABEL END*/

/*PRODUCTS*/
.product-container .product-content {
  padding: 40px;
}
.product-container .product-content h1 {
  margin-bottom: 10px;
}
.product-container .product-content span {
  font-size: 15px;
}

.image-gallery-index {
  top: unset;
  bottom: 34px;
}
.cbu-detail .image-gallery-index {
  left: 0;
  right: unset;
}
#main_cbuDetail .detail-desc {
  margin-bottom: 2%;
  margin-top: 2%;
}
#main_cbuDetail label {
  display: block;
}

.collection-desc {
  /*min-height:550px;*/
  background: var(--tertiary-bg-color);
  color: var(--dark);
  padding: 0px;
  margin: 20px 0px;
}
.collection-desc .collection-text {
  padding: 20px;
}
.collection-desc .collection-img {
  padding: 0px;
}
.collection-desc .collection-img img {
  width: 100%;
  height: 100%;
}

/*PRODUCTS END*/

/*MARGIN*/
.pb10 {
  padding-bottom: 10px;
}
.pb40 {
  padding-bottom: 40px;
}

.pl0 {
  padding-left: 0px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}

.pr5 {
  padding-right: 5px;
}

.ml10 {
  margin-left: 10px;
}
.noMP {
  padding: 0px;
  margin: 0px;
}
/*MARGIN END*/

/*MENU*/
.mobileDisplay {
  display: none;
}

/*MENU END*/

/*MYMODAL*/
.cont-modal {
  width: 100%;
}

.myModal {
  position: fixed;
  top: 0;
  left: 0;
  animation: fixedHeader1 1s;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  background-color: #3e4b53d9;
  z-index: 1000;
}
.myModal .myModal-content {
  position: relative;
  width: 95%;
  max-width: 960px;
  max-height: 70%;
  padding: 5vh 2.5vh;
  margin: 10vh auto 0;
  color: #fff;
  background-color: #2d383d;
}
.myModal .exit-btn {
  position: relative;
  max-width: 960px;
  margin-bottom: 1vh;
  float: right;
}
.myModal .exit-btn a {
  color: #fff;
}
.myModal .exit-btn a::before {
  transition: border 200ms;
  content: "X";
  width: 22px;
  height: 22px;
  line-height: 21px;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.myModal .exit-btn a:hover {
  color: var(--menu-item-bg-hover);
}
.myModal .exit-btn a:hover::before {
  border-color: var(--menu-item-bg-hover);
}
.myModal .myModal-tooltip-wrapper {
  position: relative;
  width: 95%;
  max-width: 960px;
  padding: 2vh 2.5vh;
  margin: 10vh auto 0;
  color: #fff;
  background-color: #2d383d;
  border-radius: 15px;
}
.myModal .myModal-wrapper {
  width: 100%;
  height: 100%;
  max-height: 60vh;
  padding: 0 6vh;
  position: relative;
  text-align: left;
}

.myModal .myModal-wrapper .myModal-content {
  width: 100%;
  max-width: 100%;
  margin: auto;
}
.myModal .myModal-tooltip-wrapper .myModal-content {
  padding: 0;
  margin: 0;
  height: auto;
  max-width: none;
}
.myModal .myModal-content .tool-tips-row {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  justify-content: center;
}

.myModal .myModal-content .tool-tips-column {
  flex-grow: 1;
  text-align: center;
}
.myModal .myModal-content .tool-tips-row.tool-tips-title .tool-tips-column {
  padding: 15px;
  font-weight: 700;
  background-color: var(--primary-bg-color);
}
.myModal .myModal-content .tool-tips-row .tool-tips-column .title-mobile {
  display: none;
  padding: 15px;
  font-weight: 700;
  background-color: var(--primary-bg-color);
  margin-bottom: 15px;
}
.myModal .myModal-content .tool-tips-row.tool-tips-content .tool-tips-column {
  padding: 15px;
}
.myModal .myModal-content .tool-tips-row.single .tool-tips-column {
  width: 100%;
}
.myModal .myModal-content .tool-tips-row.double .tool-tips-column {
  width: 50%;
}
.myModal .myModal-content .tool-tips-row.triple .tool-tips-column {
  width: 33.33%;
}
.myModal .myModal-content .tool-tips-column img {
  width: 100%;
  height: auto;
  max-width: 400px;
  display: block;
  margin: auto;
}
.myModal .myModal-content .invisible {
  display: none;
}

.myModal-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.myModal-content .attribute-wrapper {
  background-color: #3c4a51;
  display: flex;
  align-items: stretch;
  flex-direction: row;
  justify-content: center;
}
.myModal-content .attribute-wrapper .title {
  padding: 15px 20px;
  width: 35%;
  font-weight: 700;
}
.myModal-content .attribute-wrapper .value {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 15px 20px;
  width: 65%;
}
.myModal-content .attribute-wrapper .value .color-resume {
  margin-right: 7px;
}
.myModal-content .attribute-wrapper .value .color-resume img {
  max-width: 50px;
  max-height: 50px;
}

.myModal .swatches {
  background-color: #3c4a51;
  padding: 5px;
  border-radius: 50%;
  display: inline-block;
  margin: auto;
  margin-bottom: 10px;
}
.myModal .swatches .swatch-wrapper {
  width: 85px;
  height: 85px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.myModal .swatches img {
  border: none;
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50%;
  right: -50%;
  margin: auto;
}

@media only screen and (min-width: 500px) and (orientation: landscape) {
  .myModal-wrapper {
    padding: 0 4vh;
  }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .myModal-wrapper {
    padding: 0 2vh;
  }
}
/*MYMODAL END*/

/*NAVBAR*/

.header.header2 .navbar-collapse {
  float: none;
  text-align: center;
  min-width: 580px;
  margin-top: 10px;
}
.header.header2 .navbar-nav > li {
  padding: 0px;
  display: inline-block !important;
}

.navbar-nav > li.mesure a,
.navbar-nav > li.install a {
  color: var(--tertiary-color);
}

.header.header2 .navbar-nav > li > a {
  background: none;
  padding: 0px 5px;
  display: inline-block;
  height: 30px;
  font-size: 18px;
  border-radius: 0px;
}
.header.header2 .navbar-nav > li > a:hover {
  background: none;
  border-bottom: 3px solid var(--primary-bg-color);
}
.header.header2 .navbar-nav li + li:before {
  content: "|";
  margin: 0 7px;
  color: var(--tertiary-color);
}

.header.header2 .navbar-collapse .col-sm-6 span {
  display: block;
  text-transform: uppercase;
}
.header.header2 .navbar-collapse .col-sm-6 {
  height: 70px;
  border-right: 1px solid #000;
  padding-top: 10px;
}

.navbar-toggle,
.menu-toggle,
.sidemenu-toggle {
  background-color: #f8f8fa;
  border: 1px solid #f0f0fa;
}
.navbar-toggle:hover,
.navbar-toggle:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.sidemenu-toggle:hover,
.sidemenu-toggle:focus {
  color: #444444;
}
.cont {
  display: block;
}

.header-info-boxes-mobile {
  display: none;
}

@media only screen and (max-width: 991px) {
  .header-info-boxes {
    display: block;
  }
}

@media only screen and (max-width: 770px) {
  .header-info-boxes-mobile .header-info-box .info-box-title {
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    display: inline;
  }

  .header-info-boxes-mobile {
    margin-top: 25px;
  }
  .header-info-boxes-mobile .header-info-box {
    text-align: center;
  }
  .header-info-boxes-mobile .header-info-box .tip {
    left: 85%;
    top: -20px;
    font-size: 14px;
  }
  .header-info-boxes-mobile .header-info-box i {
    background: none;
    color: var(--primary-bg-color);
    border-radius: 0px;
    font-size: 36px;
  }
  .header-info-boxes-mobile .header-info-box span {
    display: inline;
  }

  .header-info-boxes .btn.btn-black.btn-border:hover {
    background: #fff;
    color: var(--primary-bg-color);
  }

  .header-info-boxes-mobile {
    display: block;
  }
  .header-info-boxes-mobile .btn {
    width: 95%;
    margin: 0 auto;
  }
  .header.header2 .navbar-collapse .navbar-nav {
    margin-top: 0px;
    background-color: transparent;
  }
  .header.header2 .navbar-nav li + li:before {
    display: none;
  }
  .header.header2 .navbar-collapse .col-sm-6 {
    height: auto;
  }
  .header-info-boxes {
    display: none;
  }
}

.navbar-collapse .option-advice {
  clear: both;
}

@media only screen and (max-width: 575px) {
  .header.header2 .navbar-collapse {
    min-width: 300px;
    padding: 0px;
  }
  .header.header2 .navbar-collapse .col-sm-6 {
    border-right: 0px;
  }
  .header.header2 .navbar-collapse .col-sm-6:first-child {
    border-bottom: 1px solid #000;
  }
  .header.header2 .navbar-nav > li {
    clear: both;
    display: block !important;
    text-align: left;
  }
  .header.header2 .navbar-nav > li a {
    padding: 10px 30px;
    width: 100%;
    height: 40px;
  }
  .header.header2 .navbar-nav .open .dropdown-menu > li > a,
  .header.header2 .navbar-nav .open .dropdown-menu {
    background: #fff;
  }
  .mobileDisplay {
    display: block;
  }

  .header.header2 .navbar-nav > li.open > a,
  .header.header2 .navbar-nav > li.open > a:hover,
  .header.header2 .navbar-nav > li.open > a:focus,
  .header.header2 .navbar-nav > li.active > a,
  .header.header2 .navbar-nav > li.active > a:hover,
  .header.header2 .navbar-nav > li.active > a:focus {
    background: #fff;
  }
}

/*NAVBAR END*/

/*ORDER*/

.product-shop-info .callout {
  padding: 10px 25px;
  margin-bottom: 20px;
}
.product-shop-info small {
  font-size: 12px;
  color: #111;
}
.product-shop-info .alert .alert-icon {
  font-size: 14px;
}
.product-desc-box {
  font-size: 14px;
}
.product-desc {
  text-align: left;
}
.product-shop-info {
  z-index: 0;
  position: relative;
}
.productAffix {
  z-index: 0;
  position: relative;
  max-height: 100%;
}
.product-shop-info .label-image {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0px;
}

@media only screen and (max-width: 812px) {
  .product-details .product-desc-box {
    width: 100%;
    max-width: unset;
  }
}

@media only screen and (max-width: 860px) {
  .callout.infostore .col-sm-4 {
    padding-left: 15px;
    border: 0px;
    margin: 20px 0px;
  }

  .footer .callout-half .btn {
    margin-top: 10px;
  }

  .separatorV {
    border-right: none;
  }
  .productAffix {
    z-index: 0;
    position: relative;
    max-height: 100%;
    top: inherit;
    width: 100%;
  }
}
/*ORDER END*/

/*PORTFOLIO*/
.portfolio-item .portfolio-title {
  font-size: 18px;
  font-weight: 700;
}
/*PORTFOLIO END*/

/*FORM*/
.MuiExpansionPanel-root.Mui-expanded {
  margin: 0px;
}
.MuiExpansionPanel-root.Mui-expanded {
  border: 2px solid var(--dark);
}
/*FORM END*/

/*SCROLL*/
.scroll {
  overflow-y: scroll;
}
.scroll::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}
.scroll::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
}
#scroll-top {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
/*SCROLL END*/

/*SELECT*/
.Select-control {
  font-size: 12px;
  border-radius: 0;
  margin-bottom: 0px;
  color: #5a5a5a;
  border-color: #eaeaea;
  box-shadow: none;
  text-align: left;
}
.category-filter-row .Select {
  z-index: 999;
}
.category-filter-row .Select {
  float: left;
  min-width: 200px;
  margin-right: 5px;
}
.category-filter-row .input-group-md input {
  height: 35px;
  line-height: 35px;
  font-size: 12px;
}
.category-filter-row .input-group {
  margin-bottom: 0px;
}
.category-filter-row .input-group .input-group-addon {
  padding: 10px 35px 10px 15px;
}
/*SELECT END*/

/*SEPARATOR END*/
.separatorV {
  border-right: 1px solid #eaeaea;
}
/*SEPARATOR END*/

/*SHAPE*/
/*.circle { width: 60px; height: 60px; position: absolute; background: #00000013; z-index: 10; border-radius: 50%; padding-left: 6px; padding-top: 12px; top: 0; left: -3px; right: 0; bottom: 0; margin: auto; }
.circle span { font-size: 18px; color: white; padding-left: 3px; }*/
/*SHAPE END*/

/*SLIDER*/

.topslider {
  background: var(--tertiary-bg-color);
  width: 100%;
  height: 500px;
  display: block;
  position: relative;
  overflow: hidden;
}

.topslider .img-topslider {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  object-fit: cover;
  object-position: center;
}

.topslider .slider-text {
  position: relative;
  background: rgba(101, 174, 175, 0.9);
  padding: 40px 20px;
  width: 50%;
  top: 200px;
  text-align: left;
  display: block; /*margin:0 auto;*/
}
.topslider h2 {
  font-size: 24px;
  margin: 10px 0px;
  color: #fff;
}
.topslider a.btn {
  float: right;
  margin-top: -40px;
}

.topimage {
  height: 178px;
  background: var(--tertiary-bg-color);
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
  overflow: hidden;
}
.topimage small {
  display: block;
}
.topimage .img-topimage {
  width: 100%;
  height: auto;
  z-index: 0;
  position: absolute;
}
.topimage .toptext {
  position: absolute;
  bottom: 5px;
}
.topimage .toptext h3 {
  font-size: 30px;
  font-weight: normal;
}

.topcta {
  height: 120px;
  width: 100%;
  padding: 0px;
  display: block;
  position: relative;
}
.topcta .img-topcta {
  width: 30%;
  height: auto;
  float: left;
  margin: 5px 0px 0px 0px;
}

.topcta .btn {
  height: 100%;
  width: 100%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
  text-align: left;
  white-space: pre-line;
}
.topcta .btn h3 {
  float: right;
  width: 68%;
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
  margin-top: -5px;
  padding: 0px;
}
.topcta .btn a {
  float: right;
  width: 68%;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
  color: #000;
}

.custom-border {
  background: transparent;
  border: 4px solid var(--dark);
  color: var(--dark);
}

.domicile h4 {
  margin-bottom: 20px;
}

.commercial h2 {
  font-size: 24px;
}
.commercial h3 {
  color: red;
}
.commercial h3 small {
  color: #000;
}
.commercial .p-commercial {
  text-align: left;
}

.commercial .item-commercial {
  text-align: center;
  padding: 10px 0px;
}
.commercial .notice-commercial {
  margin-bottom: 20px;
}
.commercial .notice-commercial small {
  color: #666666;
}

.products .img-product {
  width: 100%;
  height: auto;
}

.logobrand {
  text-align: center;
  line-height: 10;
}
.logobrand img {
  width: 80%;
}
@media only screen and (max-width: 860px) {
  .header-info-boxes {
    clear: both;
  }
  .header-info-boxes .header-info-box {
    padding-left: 47px;
  }
  .topslider {
    height: 300px;
  }
  .topslider .slider-text {
    top: 36px;
  }
  .topslider h2 {
    clear: both;
  }
  .topslider a.btn {
    float: left;
    margin: 10px 0px;
  }
  .topcta .img-topcta {
    display: none;
  }

  .topcta .btn h3 {
    width: 100%;
    margin-top: -10px;
  }
  .topcta .btn a {
    width: 100%;
  }
}
@media only screen and (max-width: 420px) {
  .topslider {
    height: 180px;
  }
  .topslider .slider-text {
    display: none;
  }
}

/*SLIDER END*/

/*STEPS*/
/*.steps { counter-reset: step; }
 .steps li { list-style-type: none; float: left; width: 33.33%; position: relative; display: grid; text-align: center; font-weight: 700; color: #8dbbd2; }
 .steps li.current { color: #039BE5; }
 .steps li i::before { font-size: 18px; width: 45px; height: 45px; line-height: 40px; border: 3px solid #8dbbd2; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: inherit; }
 .steps li.current::before, .steps li.current i::before { border: 3px solid #979281; color: rgb(44, 42, 42); }
 .steps li:after { content: ''; position: absolute; width: 80%; height: 4px; background-color: #8dbbd2; top: 20px; left: -40%; z-index: -1; }
.steps li:first-child:after { content: none; }
.steps li.done { color: green; }
 .steps li.done:before, .steps li.done i::before { border-color: green; }
 .steps li.done + li:after { background-color: green; }
.steps li:after { border-radius: 50px; }

@media only screen and (max-width: 860px) { .steps li:after { width: 40%; left: -20%; } }
*/
/*STEPS END*/

/*STICKY*/
@keyframes fixedHeader1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fixedHeader1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.wow-head {
  z-index: 1040;
  animation-name: fixedHeader1;
  animation-duration: 1s;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

@media only screen and (max-width: 1366px) {
  .wow-head a img {
    max-width: 90%;
    margin-bottom: 20px;
  }
  .wow-head .site-logo {
    max-width: 120px;
  }
  .wow-head .dropdown.cart-dropdown > a {
    padding: 27px 0px 0px 10px;
    font-size: 24px;
  }
  .wow-head .dropdown.cart-dropdown .dcart-total-count {
    bottom: 2px;
    font-size: 12px;
    min-width: 11px;
    height: 11px;
    line-height: 11px;
  } /* .wow-head .navbar-toggle {margin-top: 25px;} */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wow-head .navbar-nav > li > a,
  .wow-head .navbar-nav > li > a > .tip {
    font-size: 85%;
  }
  .wow-head .navbar-collapse {
    width: 70%;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .wow-head .navbar-collapse {
    width: 70%;
    padding-top: 20px;
  }
  .wow-head .navbar-nav > li {
    padding: 0px;
  }
}

@media only screen and (width: 812px) {
  .wow-head .navbar-collapse {
    width: 78%;
  }
  .wow-head .navbar-nav > li > a,
  .wow-head .navbar-nav > li > a > .tip {
    font-size: 68%;
  }
}

@media only screen and (width: 768px) and (orientation: portrait) {
  .wow-head .dropdown.cart-dropdown > a {
    padding: 20px 0px 0px 10px;
    font-size: 24px;
  }
  .wow-head .site-logo {
    max-width: 100px;
  }
  .wow-head .navbar-nav > li > a {
    font-size: 70%;
  }
  .wow-head .navbar-collapse {
    width: 80%;
    padding-top: 15px;
  }
}
/*STICKY END*/

/*STRIPE*/
.StripeElement {
  display: block;
  margin: 10px 0 20px 0;
  max-width: 555px;
  padding: 10px 14px;
  box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px, rgba(0, 0, 0, 0.0196078) 0px 1px 0px;
  border-radius: 4px;
  background: white;
}
.StripeElement--focus {
  box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px, rgba(0, 0, 0, 0.0784314) 0px 1px 3px;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
/*STRIPE END*/

/*TAB*/
.tab-pane.imp h5 {
  text-transform: uppercase;
}
.tab-pane h2 {
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tab-pane li {
  list-style-type: disc;
  margin-left: 20px;
}
.tab-pane li ul li {
  list-style-type: circle;
  margin-left: 25px;
}
.tab-content {
  padding: 0px 20px;
}

@media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .nav.nav-tabs:not(.nav-justified) > li > a,
  .nav.nav-pills:not(.nav-justified) > li > a {
    max-width: 100%;
    padding: 20px;
    white-space: nowrap;
  }
  .nav-tabs {
    display: inline-flex;
    overflow: auto;
    max-width: 100%;
  }
}

@media only screen and (max-width: 736px) {
  .nav.nav-tabs:not(.nav-justified) > li {
    border-bottom: none;
    border-top: none;
    border-left: 0.5px solid #f1f1f1;
    border-right: 0.5px solid #f1f1f1;
    border-radius: 20%;
  }
}

@media only screen and (min-width: 770px) {
  .nav.nav-tabs:not(.nav-justified) > li {
    border-right: none;
    border-top: 0.5px solid #f1f1f1;
    border-left: 0.5px solid #f1f1f1;
    border-radius: 5px;
    border-bottom: none;
  }
  .nav.nav-tabs:not(.nav-justified) li:last-child {
    border-bottom: 0.5px solid #f1f1f1;
  }
}

/*TAB END*/

/*TESTIMONIALS*/
.testimonials-inline .testimonial blockquote figure {
  border: 0;
}
.testimonials-inline .testimonial blockquote figure img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}
/*TESTIMONIALS END*/

/*TITLE*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 18px;
}

h4.widget-title {
  color: var(--footer-title-color);
}
.footer .widget .widget-title {
  color: var(--footer-title-color);
}

.title-block > p {
  font-size: 18px;
}
/*TITLE END*/

/*YOUTUBE*/
#blog-item-container {
  margin-bottom: 0px;
}
#blog-item-container iframe {
  width: 100%;
  height: auto;
  min-height: 310px;
}
#blog-item-container article {
  min-height: 600px;
}
/*YOUTUBE END*/

.ilot img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.sp-thumbs {
  text-align: center;
}
.tip.hot {
  background: #f41d1d;
}
.bg-success {
  background-color: var(--order-button-bg-color);
  border-color: var(--order-button-bg-color);
}
.progress-special {
  height: 20px;
  padding: 0px;
  border-radius: 20px;
}
.owl-item {
  width: 25%;
  margin-right: 10px;
}
.clients-carousel {
  margin-top: -20px;
}
.aboutImg img {
  width: 100%;
  height: auto;
}
.mini-desc {
  font-size: 14px;
  margin: 10px 0;
  color: #000;
}
.fw-500 {
  font-weight: 400;
  z-index: 10;
}
.abt-box p {
  text-align: left;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .hidden-xl {
    display: none;
  }
}

/*TEMP*/
.free-sample {
  display: none;
}
.tracks .MuiGrid-item {
  width: 100%;
}

.mui-tab-container {
  min-height: 300px;
}

.product-container {
  max-height: 325px;
  overflow: hidden;
}
.product-content {
  bottom: 0px;
}

.image-gallery-content.fullscreen,
.image-gallery-content.fullscreen .image-gallery-slide {
  background: #fff;
  color: #000;
}
.image-gallery-slide {
  left: 0px;
}
.red-price {
  font-weight: 700;
}

.shades:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.image-gallery-image {
  overflow: hidden;
}
.section-title {
  font-size: 18px;
}

.w3-card,
.w3-card-2 {
  box-shadow: none;
}

.form-control,
select.form-control {
  font-size: 14px;
  height: 45px !important;
  color: #111;
}

.advice {
  padding: 20px 10px;
  background: var(--tertiary-bg-color);
}
.advice .pointer {
  text-decoration: underline;
}
.advice .pointer .label {
  text-decoration: none;
  font-size: 12px;
}

#btn-detail {
  padding: 10px;
  color: var(--tertiary-color);
  background-color: var(--tertiary-bg-color);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

#btn-detail .product-price {
  font-size: 30px;
}

.blindseparation .col-md-6 {
  border: 2px dashed #cccccc;
}

.blindseparation > :first-child {
  border: 2px dashed #000000;
  padding: 10px;
}

.blindseparation .left {
  float: left;
}
.blindseparation .right {
  float: right;
}

/*.ImageGallerySummary {display: none;}*/
.ImageGallerySummary .image-gallery-index,
.cbu-detail .image-gallery-slide-wrapper .discount-triangl,
.cbu-detail .image-gallery-slide-wrapper .discount-value {
  display: none;
}
.cbu-detail .image-gallery-slide-wrapper .image-gallery-slide img {
  visibility: hidden;
  height: 35px;
}
.cbu-detail .fullscreen .image-gallery-slide-wrapper .image-gallery-slide img {
  visibility: visible;
  height: 650px;
}
.cbu-detail .image-gallery-slide-wrapper .image-gallery-left-nav,
.cbu-detail .image-gallery-slide-wrapper .image-gallery-right-nav {
  font-size: 36px;
  padding: 5px;
  line-height: 35px;
}
.cbu-detail .image-gallery-slide-wrapper .image-gallery-left-nav::before,
.cbu-detail .image-gallery-slide-wrapper .image-gallery-right-nav::before {
  color: var(--dark);
}
.cbu-detail .image-gallery-slide-wrapper .image-gallery-description {
  padding-left: 30px;
  font-size: 14px;
  text-align: left;
}
.cbu-detail .image-gallery-slide-wrapper {
  width: 100%;
}
.cbu-detail .image-gallery-fullscreen-button {
  top: 5px;
  right: 30px;
  bottom: unset;
}
.image-gallery-fullscreen-button::before {
  font-size: 32px;
  padding: 0px;
}
.cbu-detail .fullscreen .image-gallery-fullscreen-button {
  top: 0px;
  bottom: unset;
}
.cbu-detail .fullscreen .image-gallery-slide-wrapper .image-gallery-left-nav,
.cbu-detail .fullscreen .image-gallery-slide-wrapper .image-gallery-right-nav {
  top: 50%;
  bottom: unset;
}

.cbu-detail .image-gallery-slide-wrapper .image-gallery-thumbnail {
  width: 25%;
  margin: 0px;
}

.labelAd {
  z-index: 1 !important;
  background: #aa0114;
  position: absolute;
  z-index: 9999;
  width: 100px;
  right: 5px;
  top: 5px;
  height: 20px;
  padding: 5px 0px;
  line-height: 10px;
}
.labelAd .discAd {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

.labelAd:before {
  content: "\A";
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #aa0114 transparent transparent;
  position: absolute;
  left: -15px;
  top: 0px;
}

#headPanel .accordion-prefix {
  width: 40px;
  margin-right: 10px;
  display: inline-block;
}
#headPanel .containerHeading {
  display: inline-block;
}
#headPanel .accordion-title,
#headPanel .secondaryHeading {
  margin-left: 0px;
}

.MuiExpansionPanel-root {
  background: var(--tertiary-bg-color);
}
.MuiExpansionPanel-root:nth-child(n + 5) {
  background: var(--disable-bg-color);
}
.MuiCollapse-entered,
.Mui-expanded {
  background: #fff;
}

.MuiPaper-root .section-title {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 5px;
  clear: both;
  height: auto;
}
.MuiPaper-elevation4 {
  box-shadow: none;
}
.MuiIconButton-root:hover {
  background: none;
  color: var(--dark);
}

.section-title .label {
  font-size: 12px;
  margin-bottom: 5px;
}

.header-inner {
  background: var(--header-bg-color);
  text-align: var(--logo-site-align);
}
.header-callout {
  border-bottom: 4px solid var(--dark);
}

.custom-co {
  background: transparent;
  color: var(--dark);
  margin: 0px;
  text-align: center;
}
.custom-co span {
  font-size: 18px;
  width: 100%;
  display: block;
  clear: both;
}
.custom-co small {
  font-size: 14px;
}
.custom-co strong {
  border-bottom: 2px solid var(--primary-bg-color);
}

.custom-co-center {
  background: var(--primary-color);
  padding: 10px;
  margin: 0px;
  text-align: center;
  border: 4px solid var(--primary-color);
}
.custom-co-center span {
  color: var(--light);
  font-size: 14px;
  width: 100%;
  display: block;
  clear: both;
}
.custom-co-center small {
  color: var(--light);
  font-size: 18px;
  line-height: 18px;
}
.custom-co-center .custom-co-border {
  padding: 20px 10px;
  border: 2px solid var(--light);
}
.custom-co-center .custom-co-border strong {
  color: var(--light);
  font-size: 18px;
  line-height: 18px;
}
.custom-co-center img {
  width: 50px;
  margin-right: 10px;
}

.header-info-box .fa,
.header-info-box .fas {
  font-size: 36px;
  line-height: 36px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  color: var(--tertiary-color);
}

.square {
  list-style: square;
  margin-left: 15px;
}
.typeList {
  padding: 1.25rem;
}

.header-callout a:hover,
.header-callout a:focus {
  color: #666666;
}

.option-advice p {
  font-size: 14px;
}
.strong {
  font-weight: bold;
}

form li.section div {
  font-size: 14px;
}

/*DISPLAY*/

.category .types {
  text-align: center;
  margin: 0px 0px 10px 0px;
}
.category .types h3 {
  margin: 5px 0px;
}
.category .types p {
  min-height: 90px;
  margin: 0px;
}

.social {
  display: var(--social-visible) !important;
}
.email {
  display: var(--email-visible) !important;
}
.phone {
  display: var(--telephone-visible) !important;
}

.collectionImage {
  display: var(--collectionImage-visible) !important;
}
.collectionDesc {
  display: var(--collectionDesc-visible) !important;
}
.collectionList {
  display: var(--collectionList-visible) !important;
}
.collectionFilter {
  display: var(--collectionFilter-visible) !important;
}
.priceCompare {
  display: var(--priceCompare-visible) !important;
}
.brand {
  display: var(--brand-visible) !important;
}

.image-gallery-index {
  display: var(--image-gallery-index-visible) !important;
}
.productDesc {
  display: var(--productDesc-visible) !important;
}

.luna {
  display: var(--luna-visible) !important;
}
.wave {
  display: var(--wave-visible) !important;
}
.toile {
  display: var(--toile-visible) !important;
}
.alterne {
  display: var(--alterne-visible) !important;
}

.mesure {
  display: var(--mesure-visible) !important;
}
.install {
  display: var(--install-visible) !important;
}
.specs {
  display: var(--specs-visible) !important;
}
.motor {
  display: var(--motor-visible) !important;
}
.terms {
  display: var(--terms-visible) !important;
}
.aboutus {
  display: var(--aboutus-visible) !important;
}
.contactus {
  display: var(--contactus-visible) !important;
}
.athome {
  display: var(--athome-visible) !important;
}
.commercial {
  display: var(--commercial-visible) !important;
}
.ourproducts {
  display: var(--ourproducts-visible) !important;
}

.header-callout {
  display: var(--header-callout-visible) !important;
}
.newsletter {
  display: var(--newsletter-callout-visible) !important;
}

.mainfooter {
  display: var(--mainfooter-visible);
}
.shop-widget {
  display: var(--shop-widget-visible) !important;
}
.tutorial-widget {
  display: var(--tutorial-widget-visible) !important;
}
.general-widget {
  display: var(--general-widget-visible) !important;
}
.about-widget {
  display: var(--about-widget-visible) !important;
}
.infostore {
  display: var(--infostore-visible) !important;
}

.home-header {
  display: var(--home-header-visible) !important;
}
.home-avantage {
  display: var(--home-avantage-visible) !important;
}
.home-otherProducts {
  display: var(--home-otherProducts-visible) !important;
}
.home-lowprice {
  display: var(--home-lowprice-visible) !important;
}

.collectionFilter .card-body:nth-child(n + 6) {
  display: none;
}

/*TEMP MIKE CUSTOM*/
.measurementType .sp-thumbs:nth-child(2) {
  display: none !important;
}
.controllerAddons {
  display: none !important;
}
.powersourcesAddons {
  display: none !important;
}
.chainlengthAddons {
  display: none !important;
}
.manyblindAddons {
  display: none !important;
}

.delivery {
  display: none !important;
}