/*
 * typography.less
 * -----------------------------------------------
*/
::selection {
  background: #333333;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #333333;
  /* Firefox */
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #333333;
  /* Safari */
  color: #fff;
  text-shadow: none;
}
:active,
:focus {
  outline: none !important;
}

body {
  line-height: 1.7;
  color: #666666;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  background-color: #fff;
  background-attachment: fixed;
}
a {
  color:#002e5b;
  text-decoration: none;
  line-height: 1.4;
}
a:hover,
a:focus {
  color: #f2184f;
  text-decoration: none;
}
a img {
  border: none;
}
img {
  max-width: 100%;
}
iframe {
  border: none;
}
.highlight{
  background-color: yellow;
}
/* -------- Headings ---------- */
h1,
.h1 {
  font-size: 2.4rem;
}
h2,
.h2 {
  font-size: 1rem;
  font-weight: 400 !important;
  line-height: 1.5;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1.42857143;
  color: #333333;
}
h3.section-title {
  font-size: 2rem;
}
h1.sg-hero{
  font-weight:700;
  font-size: 40px;
}
.landing-page-hero-section h1.sg-hero{
  font-weight:700;
  font-size: 35px;
}
.sg-hero.sg-hero-04a h1:after{
  display: none;
}
.sg-card{
  position: relative;
}
.sg-btn{
  border-radius: 0px;
}
.sg-masthead .sg-btn{
  border-radius: 10px;
}
.sg-form-control{
  border:1px solid #ddd;
}
.sticky{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.st-sticky-share-buttons.st-left{
    display:none !important;
}
.hide{
  display: none;
}
.bg-dark-gray{
  background: #f5f5f5;
}
/* -------- Custom Font Family ---------- */
.font-Opensans {
  font-family: 'Open Sans', sans-serif;
}
.font-Montserrat {
  font-family: 'Montserrat', sans-serif;
}
.ht-100{
  height:100%;
}
.mb-140{
  margin-bottom: 140px;
}
.mt-minus-140{
  margin-top:-140px;
}
.text-justify{
  text-align: justify;
}
.accordion-body {
    padding: 1rem 0.6rem;
}
div#accordionFilterForm .accordion-button:not(.collapsed) {
    color: #1592da;
}
#panelsStayOpen-collapseOne.show{
  border-top:1px solid #ddd;
}
.bg-danger{
  background-color: #e80f14 !important;
}
.sg-btn.sg-btn-secondary{
  border-radius: 0;
  background-color: transparent;
  color:#e80f14;
  cursor: pointer;
}

.sg-btn.sg-btn-secondary.reverse{
    background-color:#e80f14;
    color:#fff;
}
.section-heading {
    font-size: 2rem !important;
}
.cc-sectiontitle-divider {
    display: inline-block;
    width: 0px;
    height: 25px;   
    text-align: center;
    vertical-align: middle;
    margin-top: 5px;
    position: relative;
}
.cc-sectiontitle-divider img{
  animation: tmSpin 1s linear 0s infinite both;
}
.cc-sectiontitle-divider::before {
    left: auto;
    right: 100%;
}
.cc-sectiontitle-divider::after {
    left: 100%;
    right: auto;
}
.cc-sectiontitle-divider::before, .cc-sectiontitle-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 2px;
    width: 70px;
    margin-top: -1px;
    background: #686b77;
}

.owl-carousel.owl-drag .owl-item{
  min-height:120px;
  display: flex;
  align-items: center;
}
.owl-carousel .owl-nav{
  text-align: center;
}
.marque-section .owl-nav{
    margin:20px 0px;
}
.marque-section .owl-nav button span{
    background:#1592da;
    color:#fff;
    width:30px;
    height:30px;
    line-height:25px;
    display:block;
    text-align:center;
    margin:5px;
    border-radius:50%;
    font-size:22px;
}
.sg-background-overlay {
    background: rgba(0,0,0,.3) !important;
}
/* The checkbox-container */
label.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
label.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
label.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label.checkbox-container input:checked ~ .checkmark {
  background-color:  #1592da;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
label.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
label.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 8px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.checkbox-container {
  font-weight:normal
}

@-webkit-keyframes tmSpin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes tmSpin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*breadcrumb css start*/
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, ">");
}
.breadcrumb-item+.breadcrumb-item:last-child::before{
    display:none;
}
/*breadcrumb css end*/

/*header css start*/
.sg-masthead-01a li.dropdown:hover .dropdown-menu {
    display:block !important;
}
.sg-masthead-01a a.dropdown-item{
    border-bottom:1px solid #fff;
    padding:10px 20px;
}
header ul.dropdown-menu{
  background-color: #333;
}
header ul.dropdown-menu .nav-link{
    color:#fff;
}
header ul.dropdown-menu .nav-link:hover{
    color:#000;
}
header .dropdown-menu[data-bs-popper] {
    left: auto;
    right: 0;
}
a.dropdown-item:last-child{
    border:0px;
}
.sg-masthead-01a .navbar-nav .nav-item .dropdown-item:hover a{
    color:#000 !important
}

.header-middle .gt_float_switcher .gt_options a{
    background:#fff;
}
.header-middle .gt_float_switcher .gt_options.gt-open{
        box-shadow:rgba(0,0,0,0.15) 0 5px 15px !important;
}

.header-middle #gt_float_wrapper{
    margin-top: 7px;
}
.header-middle .gt_float_switcher .gt_options{
    position:absolute;
}
/*header css end*/
.hp-categories-sec{
    background-image:url('https://uploads.prod01.london.platform-os.com/instances/827/assets/images/about-shape.png?updated=1646997445559');
}
.hp-categories-sec img.image-icon {
    max-width:150px;
    margin:auto;
    object-fit:contain !important;
}
.hp-categories-sec .sg-card{
    position: relative;
    border-radius: 0px !important;
    box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
    min-height:412px;
    width: 100%;
    margin: 5px;
}
.hp-categories-sec .sg-card:after,.sg-ecommerce .sg-card:after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.hp-categories-sec .sg-card:hover:after,.sg-ecommerce .sg-card:hover:after {
  width: 100%;
}
.hp-categories-sec .sg-card:after,.sg-ecommerce .sg-card:after {
    background: #e80f14;
}
.hp-categories-sec .sg-card:hover h3{
    color:#f2184f;
}
.hp-categories-sec .sg-card-body{
   padding: 0px 0 30px 0px !important;
}

ul.hp-catgories-list {
    max-width: 230px;
    margin: auto;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.mobile-search-field input{
  width: 100%;
}
/*homepage products section css start*/
.hp-products-section .nav-tabs {
    border:none;
}
.hp-products-section .nav-tabs .nav-link.active{
    background:#1592da !important;
    color:#fff;
    border-radius:0px;
    border:1px solid #ddd;
    padding: 0.5rem 0.5rem;
}

.hp-products-section .nav-tabs .nav-link{
    background:#fff;
    color:#1592da;
    border-radius:0px;
    border:1px solid #ddd;
}
.hp-products-section .product-info{
    min-height:85px
}
.hp-products-section #homepage_products_cat_pieces_detachees_climatisation .sg-card.hide-image {
    min-height:238px;
    border-radius: 0 !important;
}
.hp-featured-products a {
    display:block
}
/*homepage products section css end*/
/*homepage forms section css start*/
.hp-forms-section .sg-card{
    background: #f3f5ff !important;
    transition:all 0.4s ease-in-out;
    border-radius: 0px !important;
    
}
.hp-forms-section .sg-card:hover{
    background: #1592da !important;
    box-shadow:0 2px 8px 0 rgb(80 80 80 / 20%);
    transform:scale(0.9);
}
.hp-forms-section .sg-card:hover .title, .hp-forms-section .sg-card:hover .sg-btn-secondary{
   color:#fff;
   border-color:#fff;
}
/*homepage forms section css end */
/*homepage blog section css start*/
.sg-blog .rounded-card{
    box-shadow:0 2px 8px 0 rgb(80 80 80 / 20%);
    min-height: 184px;
}
/*homepage blog section css end*/
/*faq page css start*/
section.sg-faq .sg-btn-link {
    text-decoration:none;
    background-color:#fff;
    color:#000 !important;
    border:1px solid #ddd;
}
section.sg-faq .sg-btn-link:hover {
    background-color:#E80F14;;
    color:#fff !important;
}
/*faq page css end*/
/*footer section css start*/
.sg-footer a{
  color:#fff;
}
.sg-footer a:hover{
  color:#1592da;
}
.sg-footer .footer-social-icons li.item {
    margin:10px 20px 0px 0px;
}
.sg-footer .footer-social-icons a{
    font-size:25px;
}
.sg-footer .links li:before {
    content: "\f054" !important;
    font-family: 'FontAwesome';
    display: inline-block;
    color: #1592da;
    width: 1.3em;
}
/*footer section css end*/
/*List view products css start*/
.sg-card p.ccm-message {
  background:#e80f14;
  color:#fff;
  padding:10px;
  text-align:center;
}
.sg-card .product-info a{
    color:#002e5b;
}
.sg-card .product-info a:hover{
    color:#f2184f;
}
p.brandName {
    position:absolute;
    top:0;
    right:0;
    padding:0px 7px;
    color:#1592da;
}
.box-shadow-custom{
  box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
}

.sg-ecommerce .search-box{
    position:relative;
}
.sg-ecommerce .search-box .search-icon {
    position:absolute;
    top:0;
    right:0;
    border-radius:0;
    padding:7px 10px;
    max-width: 50px;
}
.sg-ecommerce .sg-card {
  position: relative;
  border-bottom:2px solid #1592da;
  border-radius:0px !important
}
.product-img-box {
    position:relative;
}
.sg-card .stock-section, .sg-card .ccm-message {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 180px;
    transform: translate(-50%, -50%);
}
.product-info {
    padding-top:0 !important
}
.sg-ecommerce .sg-card:hover{
  border-bottom:0;
}
.sg-ecommerce span.display-view {
    background:#fff;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 37px;
    border: 1px solid #ddd;
}
.display-view.active{
    border-color:#1592da !important;
    color:#1592da !important;
}
.filter-block.bg-white {
    padding:17px 15px;
    min-height:110px;
    
}

.sg-ecommerce select.price-filter-dropdown {
    min-height:40px;
    min-width:90px;
    margin:0px 10px 0px 0px;
    border:1px solid #ddd;
}

.accordion-button .bg-white:not(.collapsed){
  color: #000 !important;
}
button:focus:not(:focus-visible){
   box-shadow:none;
}

.sg-ecommerce-01 #accordionFilterForm button.accordion-button:nth-child(1){
    width:100%;
    height: auto;
}
.sg-ecommerce-01 #accordionFilterForm button.accordion-button{
    width:45px;
    height:45px;
    border:1px solid #ddd;
    justify-content: center;
}
.sg-ecommerce-01 .categories_filter_accordion .accordion-button:not(.collapsed){
    box-shadow:none;
}
.sg-ecommerce-01 .list-group > .list-group-item{
    padding-left:10px;
    padding-right:10px;
}
.sg-ecommerce-01 .list-group-item .d-flex{
    justify-content:space-between;
}
.sg-ecommerce-01 #accordionFilterForm button.accordion-button{
    border:none;
}
.sg-ecommerce-01 #accordionFilterForm button.accordion-button:not(.collapsed){
    border-bottom:1px solid #ddd;
}
h5.price {
    background:#1592da !important;
    padding:7px;
    color:#fff;
    position:absolute;
    top:0;
    left:0
}
.sg-ecommerce-detail-01 button.accordion-button.collapsed {
    background:#1592da;
    color:#fff;
}
.sg-ecommerce-detail-01 button.accordion-button:not(.collapsed){
    background:#fff;
    color:#666666;
}
.sg-ecommerce-detail-01 .docs-section-top .accordion-collapse {
    border:1px solid #ddd;
    border-top:0px !important;
    padding-top: 0 !important;
}
.sg-ecommerce-detail-01 .large-desc-title h3{
    position:relative;
    padding-bottom:20px;
    margin-bottom:30px !important;
}
.sg-ecommerce-detail-01 .large-desc-title h3:before {
    content: "";
    position: absolute;
    bottom:0px;
    height: 2px;
    width: 70px;
    margin-top: -1px;
    background: #1592da;
}
.product_grouping-section select{
    appearance: auto;
    width: 150px;
}
.sg-ecommerce-detail-01 .docs-accordion #docs-collapseTwo {
  border: 1px solid #ddd;
}
/*.related_products_section.ensemble-rp-section .sg-card{*/
/*    pointer-events:none;*/
/*}*/
.related_products_section .sg-card.hide-image {
    min-height:215px;
}
.hide-image .product-img-box img{
    visibility:hidden;
    height:40px;
}
.hide-image .stock-section {
    left: 60%;
}
.pieces-detachees .owl-nav button{
  top:22% !important;
}
p.stock-info-box {
    text-align:center;
    padding:5px 5px;
    color: #e80f14 !important;
    margin: auto;
    border: 1px solid #e80f14 !important;
}
.ref-fournisseur .plus-icon:last-child{
    display:none;
}
.sweet-alert button{
    background-color:#1592da !important;
    margin-bottom:20px !important;
}
.buy_section .warning-msg svg{
    color:#ffcc00;
    font-size: 26px;
}
.buy_section .warning-msg {
    background: #fff;
    border-left: 2px solid #ffcc00 !important;
    padding: 10px;
    font-size: 15px;
}
.error-msg svg{
   color: #fff;
   margin-top: -5px;
}
.coming-soon-box{
  background: orange;
}
/*Pagination css start */
.pagination .page-item.active .page-link {
    background-color: #1592da;
    border-color: #1592da;
}
.pagination .page-link{
    color:#1592da;
}
.sg-card .coming-soon-box {
    background:orange;
    border-color:orange !important
}
.catId2432 h5.price {
    display:none;
}
/*List view products css end*/

/*Detail view products css start*/
.catId2457 .list-group-item.fritec, 
.catId2457 .list-group-item.true, 
.catId2457 .list-group-item.dagard,.catId2457 .list-group-item.samsung {
    display:none;
}
section.sg-ecommerce.sg-ecommerce-detail-01 .short-desc{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.multi-select-box {
    position:absolute;
    top:0;
    right:-10px;
}
.multi-select-box .checkmark .fa-cart-shopping.icon {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    color: #1592da;
}
.quantity-sec input{
    max-width:100px;
    margin:0px 20px;
}
.doc-section a.doc_link {
    border:1px solid #ddd;
    padding:5px 10px;
}
.product_img {
    /*box-shadow:0 2px 8px 0 rgb(80 80 80 / 20%);*/
    padding:30px;
    border:1px solid #ddd;
}
.doc-img{
    width: 16px;
    height: 16px;
    display: block;
    float:left;
    margin:-5px 8px 0px 0px;
    background-position: center;
    background-size: cover;
    margin-top: 4px;
}
span.pdf{
      background-image: url(../images/pdf.webp?updated=1648206889403);
}
span.odt,span.word{
      background-image: url(../images/word.webp?updated=1648207158679);
}
.docs-search-form input{
    border:1px solid #ddd;
    min-height:40px;
    padding: 5px 10px;
}
.docs-search-form .btn-primary{
    border-radius:0;
    padding:8px 25px !important;
}
#accordionStock .accordion-body {
    border: 1px solid #ddd;
    border-top: 0;
}
.suggested_products_section .sg-card {
    min-height:378px;
}
.owl-nav button {
    position:absolute;
    top:33%;
    background: #fff !important;
    width: 30px;
    height: 60px;
    font-size: 30px !important;
    box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
}
.owl-nav button.owl-prev{
    left:-40px;
}
.owl-nav button.owl-next{
    right:-40px;
}
.owl-dots {
    text-align:center;
    padding-bottom:30px;
}
button.owl-dot{
    width: 15px;
    height: 15px;
    background: #1592da !important;
    margin: 10px;
    border-radius: 15px;
}
button.owl-dot.active {
    background:#f2383c !important;
}

/*Detail view products css end*/

/*Cart page css start*/
section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table{
    border:1px solid #ddd;
}
.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th{
    background:#1592da;
    color:#fff;
}
section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:first-child{
    width:10%
}
section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:nth-child(3){
    width:40%;
}
section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:nth-child(4){
    width:9%;
}
section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table td, section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th{
    border:1px solid #ddd;
    padding: 10px;
}
.cart-table #quantity{
    max-width:100px;
    max-height:50px;
    margin:auto;
}
.quantitySpan, .print-footer{
  display: none;
}
.sg-ecommerce.sg-ecommerce-cart-01 table tbody td img{
  object-fit: contain;
}
.sg-ecommerce-cart-01 .form-select, .sg-ecommerce-cart-01 .form-control{
    border:1px solid #ddd !important;
}
.product-info .form-control{
  appearance: none; /* Remove default styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #f5f5f5;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path fill="red" d="M7 10l5 5 5-5z"/></svg>'); /* Custom arrow */
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 25px;
}
.unavailable-products-table th, .unavailable-products-table td {
    padding:10px;
}
.unavailable-products-table th{
    background: #e80f14;
    color: #fff;
    border:1px solid #e80f14;
}
.site-logo{
  display: none;
}
/*Cart page css end*/
/* Quote page css start*/
.sg-form{
  box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
  border-radius: 0;
}
.terms-conditions {
    max-height:220px;
    overflow:auto;
}
.font-weight-normal{
  font-weight: normal !important;
}
.order-details_table{
  min-width:864px;
}
.order-details_table th,.order-details_table td, .order-details_table_bottom th,.order-details_table_bottom td{
  border:1px solid #1592da;
  padding:10px;
}
.order-details_table tr th:nth-child(3){
    width:30%
}
.custom-box-shadow{
   box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
}
/* Quote page css end*/
.sg-signup-01 .StripeElement {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0.25rem;
    background: #f5f5f5;
    color: #828282;
    font-family: Ubuntu,sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    padding: 14px 10px 15px;
    width: 100%;
}
/*blog page css start*/
.sg-blog.sg-blog-02a .sg-card .sg-card-img img{
  object-fit: contain;
}
.sg-blog-02a-sidebar .row {
    background: #fff;
    padding: 20px 10px;
    box-shadow: 0px 0px 17px 0px rgb(0 0 0 / 10%);
}
.sg-blog-02a-sidebar .row h4{
    border-bottom:1px solid;
    padding-bottom:10px;
    margin-bottom:20px;
}
.sg-blog-02a-sidebar input{
    border:1px solid #ddd !important;
}
section.sg-blog.sg-blog-02a .sg-card {
    box-shadow:0px 0px 17px 0px rgb(0 0 0 / 10%);
    border-radius:0px !important;
}
section.sg-blog.sg-blog-02a .sg-card .post-title{
    font-size:18px;
    line-height:26px;
}
section.sg-blog.sg-blog-02a .sg-card .post-title a{
     font-weight:600 !important;
     display: block;
}
.blog-desc table {
    border-collapse: collapse;
    margin-bottom:20px;
}
.blog-desc th, .blog-desc td {
    border: 1px solid #ddd;
    padding: 8px;
}
/*blog page css end*/
/*order page css start*/
.sg-account-details table.order-history, .sg-account-details table.order-history td{
    border:1px solid #ddd;
    vertical-align: middle;
}
.sg-account-details table.order-history th {
    background:#1173AB;
    color:#fff;
}
.sg-account-details .sg-card {
    box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
    border: 0px;
    border-radius: 0px !important;
    padding: 0px 20px;
}

@media print {
    
    header, footer, .header-middle,.ignore-print, .breadcrumb-section, .footer-top-links, #quantity{
        display: none !important;
        margin: 0 !important;
    }
    .mb-5, .ignore-print{
      margin-bottom:0px !important;
    }
    a::after {
      content: " (" attr(href) ") ";
      font-size: 90%;
      color: #000;
    }
  
   .order-details_table{
     width:auto !important;
     min-width:100%;
   }
   .print-title{
     font-size:20pt !important;
     text-align: center;
     color: #1592da !important;
   }
   .table th{
     color: #000 !important;
   }
   .sg-ecommerce-cart-01 .cart-table thead th{
    color: #000 !important;
   }
  .sg-ecommerce.sg-ecommerce-cart-01 table thead {
        display: table-header-group !important;
  }
  .site-logo, .quantitySpan{
    display: block !important;
  }
  .print-footer{
    display: flex !important;
  }
  .site-logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  /*.print-heading{*/
  /*  margin-top: 20px !important;*/
  /*}*/
  .print-heading{
    margin-top: -50px;
  }
  .sg-ecommerce.sg-ecommerce-cart-01 img{
    height: 70px !important;
    width: 70px !important;
  }
  table {
    border-collapse: collapse;
  }
  .cart-page td, .cart-page th {
    padding: 4px !important;
    line-height: 1.2 !important;
  }
  tr,td {
    page-break-inside: avoid !important;
  }
  section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:nth-child(3){
    width: 25% !important;
  }
  section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:nth-child(2){
    width: 15% !important;
  }
  section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:nth-child(14){
    width: 12% !important;
  }
  .sg-ecommerce.sg-ecommerce-cart-01 table tbody td{
    padding: 10px 10px !important;
  }
}
@page {
  size: A4 portrait;
  margin: 1in;
}
/*order page css start*/

/*recover-pwd page css start*/
.recover-pwd .sg-form label, .sg-form input[type="text"]{
    display:block;
    width:100%;
}
.recover-pwd .sg-form input{
    padding:8px;
    margin:20px 0px !important;
    border:1px solid #ddd !important;
}
.recover-pwd .sg-form button{
    background-color: #1173ab;
    border-color: #1173ab;
    color: #fff;
    font-size: 16px;
    line-height: 1.625em;
    padding: 0.75rem 3rem;
    box-shadow:none !important;
}
/*recover-pwd page css end*/

/*form css start*/
.sg-form select {
    min-height:40px;
    min-width: 100px;
    border-color:#ddd;
}
.sg-form textarea{
  min-height:100px;
}
.sg-form .sg-form-control{
    background:#fff;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
p.alert_txt {
    color:red;
    margin-top:10px;
}
/*form css end*/


/*sitemap-section css start*/
.sitemap-section ul{
    text-align:left;
    list-style:none;
}
.sitemap-section ul ul{
    margin:20px 0px;
}
.sitemap-section ul li{
    border:1px solid #ddd;
    padding:10px;
    margin: 15px 0px;
}
.sitemap-section ul li:before {
    content: "\f0a4";
    font-family: 'fontawesome';
    color: #002e5b;
    margin-right: 10px;
}
/*sitemap-section css end*/

/*installater page css start*/
form.search-box-webapp .sg-form-control {
    padding:12px 10px;
}
.installateur-table table td, .installateur-table table th{
    border:1px solid #ddd;
    padding:5px;
}
.pagination button.page-link.active {
    background-color:#1173ab;
    color:#fff;
}
.installateur-table .webapp-table{
  min-width:1200px;
}
.installateur-table table th:nth-child(2){
    width:142px;
}
.installateur-table table th:last-child{
    width:121px;
}
.installateur-table table th:nth-child(5){
    width:10%;
}
.installateur-table table th:nth-child(6){
    width:23%
}
/*installater page css end*/

/* search-results-list*/
.boutique-seach-form {
  min-height: 40px;
}
.boutique-seach-form input {
  padding: 0px 15px;
  min-height: 40px;
  border: 1px solid #ddd !important;
}
.search-field{
  margin-top: 5px;
}
.search-field .search-icon{
    width: 45px;
    border: none;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    outline:none;
    border:none;
    box-shadow: none;
    background: #e80f14 !important;
    }
.search-field input#site_search_field, .mobile-search-field input {
    height: 40px;
    padding: 10px 40px 10px 10px;
    border: 1px solid #ddd;
    background: #f5f5f5;
}

ul.search-results-list {
    text-align:left;
    list-style:none
}
ul.search-results-list li{
    margin:10px 0px;
}
ul.search-results-list li:before {
    content: "\f0a4";
    font-family: 'fontawesome';
    color: #1592da;
    margin-right:10px;
}
.search-results-list li {
    background:#f6f6f6;
    padding:8px 15px;
    border: 1px solid;
    border-color: #ddd;
}

/* search-results-list css end*/

/*offer page css start*/
.job-offers-title {
    border:1px solid #ddd;
    padding:8px 20px;
    font-size:20px;
    position:relative;
    margin-bottom:0;
    cursor: pointer;
}

.job-offers-title:before {
    content: "\f078" !important;
    font-family: 'FontAwesome';
    display: inline-block;
    color: #1592da;
    width: 1.3em;
    position:absolute;
    right:0;
    top:20;
}
#collapse1, #collapse2{
    border:1px solid #ddd;
    border-top:0;
    padding:15px 20px;
}
/*offer page css end*/
/*pieces-detachees-lp css start*/
.pieces-detachees-lp .box {
    box-shadow:0 2px 8px 0 rgb(80 80 80 / 20%);
    padding:10px 20px;
}
.pieces-detachees-lp .box img{
    height:300px;
    object-fit: contain;
}
/*pieces-detachees-lp css end*/
/*random css start*/
#progressBar {
	width: 50%;
	height: 15px;
	background-color: #ffffff;
	border: solid 1px grey;
}

#progressContent {
	width: 0%;
	height: 15px;
	transition: width 0.3s;
	transition-timing-function: ease-in-out;
	background: linear-gradient(to left, #e66465, #9198e5);
	overflow: hidden;
}

.form[data-s-form-progress='0'] #progressContent{
	width: 0%;
}

.form[data-s-form-progress='1'] #progressContent{
	width: 10%;
}

.form[data-s-form-progress='2'] #progressContent{
	width: 20%;
}

.form[data-s-form-progress='3'] #progressContent{
	width: 30%;
}

.form[data-s-form-progress='4'] #progressContent{
	width: 40%;
}

.form[data-s-form-progress='5'] #progressContent{
	width: 50%;
}

.form[data-s-form-progress='6'] #progressContent{
	width: 60%;
}

.form[data-s-form-progress='7'] #progressContent{
	width: 80%;
}

.form[data-s-form-progress='8'] #progressContent{
	width: 100%;
}
#st-2.st-left, #st-3.st-left {
    display:none
  }
.recover-pwd .sg-form input{
  width:100% !important;
}
#myBtn {
  position: fixed; 
  bottom: 50px; 
  right: 30px; 
  z-index: 99; 
  border: none; 
  outline: 2px solid #fff; 
  background-color: #e80f14;
  color: #fff; 
  cursor: pointer; 
  padding: 0px; 
  font-size: 18px; 
  width:40px;
  height:40px;
  border-radius:50%;
}

#myBtn:hover {
  background-color: #555; 
}
.error-block img {
    margin-top:-5px
}
canvas {
  border: 2px solid #000;
  background: #fff;
}
.controls {
    margin-top: 10px;
}
#preview {
    margin-top: 10px;
    max-width: 100%;
    display: none;
    border: 1px solid #000;
}
/*random css end*/
/*----------------warning pop up css start------------------------*/        

    #modalOverlay {
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999999999999999999999999999999999;
            height: 100%;
            width: 100%;
    }
.modalPopup {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            width: 50%;
            padding: 20px 0 30px;
            -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    }
.modalContent {padding: 0 2em;}

.modalContent h1 {
  margin-bottom: .2em;
  font-size: 26px;
  text-transform: unset !important;
}
.modalContent p {font-size: 16px;margin: .75em 0 0.75em;}
.buttonStyle {

        cursor: pointer;
        font-weight: bold;
        font-size: 14px;        
        color: #000;
        text-decoration: none;
        }

        @media (max-width: 767px) {
            .modalPopup{
                width: 94%;
                top: 45%;
                height: auto;
                overflow-y: scroll;
            }
            .modalContent h1{
                line-height: 30px !important;
            }
            .modalContent{
                padding: 0 13px;
            }
        }


 /* -------------------warning pop up css end------------------------------*/
 
/*Media queries css start */

@media screen and (min-width:768px){
    .list-view .col-12{
    width:100%;
    }
    .list-view .sg-card{
        display:flex;
    }
    .list-view .sg-card .product-img-box{
        width:40%;
    }
    .list-view .sg-card .product-info{
        width:60%;
    }
    .cart-page-action-btns button,.cart-page-action-btns a{
      margin-left:10px;
    }
    .header-middle input#site_search_field {
        width:100%;
        background: #f5f5f5;
    }
}
@media (min-width: 800px) {
	.container{
    	max-width: 795px;
	}
}
@media (min-width: 992px) {
	.container{
    	max-width: 970px;
	}
	.sg-masthead .navbar-dark .navbar-nav .nav-item {
    margin-right: 18px;
  }
  .mobile-sticky-btn{
    display: none;
  }
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}

@media screen and (max-width:1200px){

  .order-details_table tr th:nth-child(3){
    width: 21%;
  }
  .cart-bottom-table{
    min-width:100% !important;
  }
}
@media screen and (max-width:1023px){

  .schema-installation-img img{
    max-width: 100%;
    height: auto !important;
  }
  #homepage-slider .slider-img{
    height: 350px;
    object-fit: cover;
  }

}
@media screen and (max-width:1220px) and (min-width:768px){
    .header-middle .icon-info{
        display:flex;
        align-items:center;
        flex-wrap: wrap;
    }
    .header-middle .icon-info h4{
        margin:0px 10px;
    }
}
@media screen and (min-width: 769px)  and (max-width:1200px) {
    section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:nth-child(3){
        width:20%;
    }
    section.sg-ecommerce.sg-ecommerce-cart-01 .cart-table th:nth-child(4){
        width:90px;
    }
}
@media screen and (max-width:768px){
    table.responsive-table td{
      display:block;
    }
    .landing-page-hero-section h1.sg-hero{
      font-weight:700;
      font-size: 25px;
    }
}
@media screen and (max-width:991px){
    header.sg-masthead .navbar-nav li.nav-item {
        padding: 5px 0px;
    }
}

@media screen and (max-width:767px){
  h1, .h1 {
    font-size: 2.4rem;
  }
  .marque-section .owl-carousel.owl-drag .owl-item .item{
    max-width:240px;
    margin:auto;
  }
  .hp-products-section .nav-tabs .nav-link{
    margin: 5px;
  }
  #homepage-slider .slider-img{
    height:350px;
    object-fit:cover;

}
    
  .cart-table thead{
    display:none;
  }
  .cart-table tbody tr{
      display:flex;
      flex-direction:column;
      text-align:center;
      border:1px solid #ddd;
      margin:20px;
      padding: 20px 10px;
  }
  .cart-table tbody tr td{
      border:0px !important
  }
  iframe{
    max-width: 100%;
  }
  .cc-sectiontitle-divider{
    display: none;
  }
 

}
@media screen and (max-width:550px){
  .suggested_products_section .owl-nav button.owl-prev{
      left:10px;
  }
  .suggested_products_section .owl-nav button.owl-next{
      right:-10px;
  }
   .owl-nav button{
    position: relative !important;
  }
  .owl-nav button.owl-prev{
    left: -10px !important;
  }
  .owl-nav button.owl-next{
    right: -10px !important;
  }
  .mb-pieces-detachees-btn{
    display: block;
  }
  .signatureCanvas{
    max-width: 100%;
  }
}
/*Media queries css end */