/*
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: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: 2px solid var(--primary-color);
}

.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-size: cover;
  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 .contact a {font-size: 24px; font-weight: 700; color: #000;}

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

.MuiCardMedia-root {background-size: 100% 100%;}
.cart-media {width: 200px; height: 200px;}
.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;}

.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; margin-bottom:10px;}
.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 Neue", 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 ; }
.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,.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 { margin-top: 0px; width:95%; }
  .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;}
  .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 {padding-left:50px; clear:both; display: block !important;}
  .mobileDisplay {display:block;}
}


/*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,.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{ padding-left: 5px; 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;}