.excelData h6{margin: 0 !important} body{color:#000000 !important;font-family:Futura,Calibri,Helvetica,sans-serif !important;} #sp-bottom{padding:unset !important;background: unset !important;} #sp-bottom ul>li{margin-bottom: 13px;}
 nav{padding: 0 15px !important} #sp-footer{ color:#444;text-align:center !important;background: white !important; padding: 20px 15px!important;} .details {
            border: 1.5px solid grey;
            color: #212121;
            width: 100%;
            height: auto;
            box-shadow: 0px 0px 10px #212121;
        }.modal-backdrop.show{z-index: 122 !important} .siteInfo{padding:35px 15px !important} .uk-navbar-item.uk-logo, .id-color{color: black !important;}
.menuCol, .evenMenu{padding: 40px !important} .evenMenu{background: #E5E5E5 !important} #form-login-submit, #sp-bottom h4, #form-login-submit a{color: #777 !important; font-weight: 300 !important; margin-top: 0 !important}
.follow ul{display: flex;} .follow li{padding: 0 10px 0 0;} .menuCol h4:after, .evenMenu h4:after{display: block;
    width: 50px; height: 1px; background-color: black; content: ""; margin: 20px 0 0 0;}
 .sp-megamenu-parent>li>a:after{content: "" !important} .gradient-custom{padding: 0 15px}
    #form-login-submit{font-size: 30px !important}
.plumbers.userdashboards{padding: 0 25px !important} .fa-shopping-cart{font-size: 25px;color: rgb(0 0 0 / 48%) !important; }
    .sidebar {
    z-index: 1;
    top: 0;
    background: rgb(193 193 193) !important;
    margin-top: 70px;
    padding-top: 30px;
    position: fixed;
    left: 0;
    width: 250px;
    height: calc(100% - 9%);
    transition: 0.5s;
    transition-property: left;
    overflow-y: auto;
}
.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent){background: white !important;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 100px !important}
.uk-notification.uk-notification-bottom-left{display: none !important;}

.footerImg {
    max-width: 22px !important;
    height: auto !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 100% !important;
    padding: 2px !important;
    vertical-align: -5px !important;

}
.uk-navbar-container{border-bottom: 1px solid gray}
.footer_partner {padding: 5%;background: #E5E5E5 !important;font-size: 20px}

.com_content .sp-main-body #sp-left{padding-right: 0 !important;}
#sp-main-body{padding: 70px 0 !important}
.com_creation #sp-main-body{padding: 0 0 20px 0 !important}
#sp-footer {
    margin-top:40px !important;
    width: 100% !important;
    bottom: 0 !important;
   }

body a{color: black !important}
.balance {
  padding: 15px;
  background-color: #80808014;
  box-shadow: 10px 10px #c1c1c138;
}

.btn-dark:hover {background: #212529ad; border-color: #212529ad}
.empty-cart-cls{margin: 0 auto;}
.img-cart{height: 120px}
.added {background: #ffc107 !important;}
.cart_qty {
    color: #fff;
    font-size: 14px;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 0px 0;
    position: absolute;
    background: #fff;
    border-radius: 100%;
    background: #df2d27;
    top: 20px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{padding: 0 10px !important}
.tm-logo{height: 100px !important;}
.select2-container .select2-selection--single {height: 35px !important; }
.view-login .uk-navbar-right{display: none!important;}
.profile_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zoom {
  transition: transform .2s;
  margin: 0 auto;
}
.zoom:hover {
  -ms-transform: scale(2.5); /* IE 9 */
  -webkit-transform: scale(2.5); /* Safari 3-8 */
  transform: scale(2.5); 
}
.sidebar .profile_info .profile_image {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-bottom: 10px;
}

.sidebar a {
    color: #fff;
    display: block;
    width: 100%;
    line-height: 50px;
    text-decoration: none;
    padding-left: 40px;
    box-sizing: border-box;
    transition: 0.5s;
    transition-property: background;
}

.sidebar a:hover, .sidebar .active {
    background: rgb(0 0 0 / 32%);
}

.sidebar i {
    padding-right: 10px;
}

table th {
        font-weight: 600;
        background-color: #eeecfd !important;
    }
.content {
    width: (100% - 250px);
    padding: 20px;
    margin-left: 250px;
    background: url(background.png) no-repeat;
    background-position: center;
    background-size: cover;
    
    transition: 0.5s;
}


.cart {
background-color: #212121;
color: white;
margin-top: 10px;
font-size: 12px;
font-weight: 900;
width: 100%;
/*height: 39px;*/
padding-top: 9px;
box-shadow: 0px 5px 10px  #212121;
}
.ProductsPage .cart-content .cart{color: white !important} #sp-bottom a{color: #777 !important}
.ProductsPage .card-body img{width: 400px !important;height: 250px !important}
.ProductsPage .card {
width: fit-content;
}

.form-control {    border-top: none;
    border-right: none;
    border-left: none;}
/*
.btn-primary{background-color:rgb(0 0 0 / 38%) !important; border-color:rgb(0 0 0 / 38%) !important;}
.btn-primary:hover{background-color:#b3afaf !important; border-color:#b3afaf !important;}*/

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a{border-bottom:  2px solid rgb(0 0 0 / 38%) !important;font-weight: bold}

.tm-header{border-bottom: none !important;}
.temps{display: none !important}
.btn {
border-radius: 0;
}

.img-check{width: 70px;height: 70px;}
.img-thumbnail {
border: none;
}
.list-group button{padding: 1px 6px !important; font-size: 12px !important}

.card {
box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
border-radius: 5px;
padding-bottom: 10px;
}
.DragandDrop .form-control-file {
position: relative; 
min-height: 50px;
outline: none;
visibility: hidden;
cursor: pointer;
color:#000000;
font-weight:600;
}
.DragandDrop .form-control-file:before {
content: attr(data-title);
position: absolute;

border-radius:3px;
width: 100%;
line-height:26px;
padding-top:10px;
opacity: 1;
visibility: visible;
text-align: center;
border: 3px solid #2476dd;
overflow: hidden;
}
.DragandDrop .form-control-file:hover:before {
border-style: solid;
-webkit-box-shadow: inset 0px 0px 0px 2px #2476dd;
box-shadow: inset 0px 0px 0px 2px #2476dd;
} 
#singleProduct .card {
background-color: #fff;
padding: 14px;   
}

#singleProduct img {
display: block;
height: auto;
width: 100%
}
.btn-long {
padding-left: 35px;
padding-right: 35px
}
.dot {
height: 10px;
width: 10px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
margin-right: 5px
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.bullet-text {
font-size: 12px
}
.DragandDrop {display: flex;}
.logout-button img{
    height: 40px;
    width: 40px;
    border-radius: 50px;
}
.buttons .btn {
height: 46px;
width: auto !important;
}

.footerIntro {
    font-size: 16px;
    margin-bottom: 0;
    padding: 10px 25px;
    text-align: center;

}
#sp-bottom{color: unset !important;}
#importinputFile{width: auto !important;} .tm-header .uk-navbar-container:not(.uk-navbar-transparent){background: #fff !important}
#sp-bottom .sp-column>.uk-panel{margin-bottom: unset !important;}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 100% !important;
}

.jmodedit{display: none;}
.cat-display .container{max-width:1140px !important}
}
.bottom_hr{margin-top: unset !important;}
.footLink{padding: 0 20px;} #sp-footer a{padding: 0 10px}
.footer-logo {height: 40px !important}
.sp-copyright .site_part{float: left;} .sp-copyright .copyright_site{float: right;}

 .carousel-item {
  position: relative;
  text-align: center;
  color: white;
}

.container.enquiry{width:70%}
/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Responsive CSS */
.short-descrpt{display: block !important}
.mobile-descrpt{display: none !important}


@media screen and (min-width: 786px) {

.com-product.view-points.zoom{width: 100% !important;}

.zoom {
  transition: transform .2s;
  margin: 0 auto;
  width: 70px ;
}
.intro-text__content {

    letter-spacing: .2px !important;
    font-size: 20px !important;
    line-height: 32px !important;
    margin: 0 auto !important;
    max-width: 762px !important;
    font-weight: 600 !important;
}
}

.pro-img{
        height: 80px !important;
    width: 80px !important;
    padding: 10px !important;
}

#content .standard h1{font-size: 80px !important;}
#content .standard h2{font-size: 60px !important;}
.com-creation nav.bg-light{ margin: 2% 5% !important;}
img.currImg {margin-top: 3rem !important;}
.allcartProduct{margin:1rem 3rem 1rem 1rem; !important;}
@media screen and (max-width: 780px) {
    section .container{padding-left:0 !important;padding-right:0 !important;}
.img-cart {
    height: 50px !important;
}
.allcartProduct h4{font-size:13px !important;margin : 0 0;}
.allcartProduct p{margin: 3px 0; !important;}
.allcartProduct .mb-4{margin-bottom: 0rem !important;}
.allcartProduct .my-4{margin:.5rem; !important;}
.allcartProduct hr{display:none !important;}
/*------ ADDED CSS ---------*/
.slider:after
{
 content:'Paid';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;
 font-size: 15px;
 font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{  
  content:'Extra';
}

.draggable {
  padding: 1rem;
  background-color: white;
  border: 1px solid black;
  cursor: grab;
}

.draggable.dragging {
  opacity: 0.8;
  background-color: skyblue;
  cursor: grabbing;
}

.draggable, .dropable {
  touch-action: none;
}

.placeholder {
  border: 2px dashed #666;
  padding: 1rem;
  background-color: #f0f0f0;
  opacity: 0.5;
}


    .com-users.view-login #sp-footer{position: fixed !important;}

    .leftcol img{max-width: 100% !important}

    .com-creation nav.bg-light{ margin: 2% !important;}

    #sp-footer1 .sp-column .sp-copyright{display: flex !important}
         #content .standard h1{font-size: 50px !important;}
         #content .standard h2{font-size: 30px !important;}
    .footLink{display: none !important;}
    .textData h2{
        font-size: 36px !important;
        letter-spacing: .1px !important;
        line-height: 40px !important;
    }

    .container.enquiry{width:100% !important}
    .container.enquiry .logo-enq{display: none !important;}

    .newDownload{
        margin-top: 3rem !important;
    }
    .textData p {
            letter-spacing: .2px!important;
        line-height: 26px !important;
    }

    .mobile-descrpt{display: block !important;
        
        letter-spacing: .5px !important;}
    .short-descrpt{display: none !important}

    #content .standard h1{
      
        letter-spacing: .2px !important;
        line-height: 46px !important;
    }
    .intro-text__content {font-size:16px !important;}

    .product-description h1{font-size: 32px !important}
    .rightcol {padding-top: 0 !important}
    .pro-img{
        height: 50px !important;
        width: 50px !important;
    }
    .card{margin-bottom: 10px !important;}
    .sidebar {
        display: none;
    }

    #sidebar_btn {
        display: none;
    }

    .content {
        margin-left: 0;
        margin-top: 0;
        padding: 10px 20px;
        transition: 0s;
    }

    
       .active {
        display: block;
    }
}

.standard_bath .row, .shower_bath .row, .leader_bath .row, .pic_bath .row{padding:5% 7%}

.carousel-inner .carousel-item{ 
   height:100%; 
   background-size:cover;
   color: black;
   background-position: center center;
}

.h2 {
    margin-bottom: 30px !important;
}

@media screen and (min-width: 900px), screen and (max-height: 800px) {


.carousel-inner .carousel-item{ 
  
   background-size:cover;
   color: white;
   background-position: center center;

    width: 100%;

}
    
    .textData p{
	font-size: 16px !important;
    line-height: 28px !important;
    letter-spacing:0.5 !important;
    font-weight: 500;
	}
    .standard{padding: 5%;}
    .standard p {
        font-size: 16px;
    	font-weight: 400;
    	line-height: 24px;
    	letter-spacing: 3px;
        }
    
    .textData {margin: auto 0 !important;}

}

.leader_bath{background: #2a2e47}
.shower_bath{background: #ffaa7c}
.pic_bath{background: #e9e2d9}
.data-content .row div{padding:15px !important}
.standard_bath {background: #cdd4ec}
.textLeft{text-align: left !important;}

@media only screen and (max-width: 600px) {
.standard h1{font-size: 30px !important}
.standard p{
   font-weight: 500 !important;
    letter-spacing: 1.5px!important;
    line-height: 20px!important;
    margin-bottom: 10px!important;
    text-transform: uppercase!important;
}
#content .standard{padding: 15px;}
.standard{padding: 10%;}
.h1{letter-spacing: .4px !important; line-height:1.4 !important}
  .tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent){background: white !important;}
  .uk-navbar-left .uk-margin-small-left{display: none !important;}
  .data-content row{padding:10% 5% !important}
}

.btn-blue{background: #066793; border-color: #066793;}
#Rewardproducts i{font-size: 25px !important}
.fa-check-circle{color: red} 
body{background-color: #e9e2d9c9 !important} .textData h2{font-size: 64px;letter-spacing: .3px;line-height: 72px;font-weight:600}
.uk-navbar-container{position: fixed !important; width: 100% !important}
#sp-page-title{padding: 50px 0 0 0 !important}
.com_content.com-content #sp-footer{margin-top: 0 !important}

.view-enquiry section{background-image: url("https://cdn.wallpapersafari.com/73/75/F7VJEA.jpg")}
.view-enquiry #sp-footer {margin-top: 0px !important}
.sub_btn{
    color: rgb(255, 255, 255);
    border-color: rgb(10, 21, 81);
    background-color: rgb(10, 21, 81);
}
.sub_btn:hover {
    color: rgb(255, 255, 255);
    border-color: rgba(10, 21, 81, 0.8);
    background-color: rgba(10, 21, 81, 0.8)

}

.file-wrappers, .file-wrapper{
  width: 130px;
  height: 130px;
  border: 5px solid #9855007d;
  position:relative;
}
.file-wrappers:after, .file-wrapper:after{
  content: '+';
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;margin: auto;
  width: max-content; height: max-content; display: block;
  max-height: 100px;
  font-size: 70px;
  font-weight: bolder;
  color: #cdac82;
}
.file-wrapper:before{
  content: 'UPLOAD PRODUCT IMAGE ';
  display: block;
  position: absolute;
  left: 0; right: 0;
  margin: auto;
  bottom: 20px;
  width: max-content;
  height: max-content;
  font-size: 0.70em;
  color: gray;
}

.file-wrappers:before{
  content: 'UPLOAD VIDEO MESSAGE ';
  display: block;
  position: absolute;
  left: 0; right: 0;
  margin: auto;
  bottom: 20px;
  width: max-content;
  height: max-content;
  font-size: 0.70em;
  color: gray;
}

.file-wrappers:hover:after, .file-wrapper:hover:after{font-size: 73px;}
.file-wrappers .close-btn, .file-wrapper .close-btn{display: none;}
.file-wrappers input[type="file"], .file-wrapper input[type="file"]{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99999;
  cursor: pointer;
}
.file-set{
  background-size: cover;
  background-repeat: no-repeat;
  color: transparent;
  padding: 10px;
  border-width: 0px;
}
.file-set:hover{
  transition: all 0.5s ease-out;
  filter:brightness(110%);
}
.file-set:before{color: transparent;}
.file-set:after{color: transparent;}
.file-set .close-btn{
  position: absolute;
  width: 35px;
  height: 35px;
  display: block;
  background: #000000;
  color: #fff;
  top: 0; right: 0;
  font-size: 25px;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
  opacity: 0.8;
}
.file-set > input{pointer-events: none;}

.view-dashboards #sp-footer{display: none !important;}
/*body{background-image: linear-gradient(to right,rgb(250 183 2 / 24%), rgba(255,0,0,0), rgb(250 183 2 / 31%));
}*/

.view-products table.dataTable tbody th,.view-products table.dataTable tbody td {padding:  0 5px !important}
a:hover, a:focus, a:active, .uk-link:hover, .uk-link:focus, .uk-link:active {
    color: #c79202 !important;
}

.view-dashboards table{background: white !important;}
.productCat h3.text-uppercase{min-height: 70px;}
h2{
    font-weight: 600 !important;
}
.CHROME{background-color: #dddddd ;} .BRUSHED.GRAPHITE{background-color: #5c5b5c;} .GOLD{background-color: #f3d673;} .MATT.BLACK{background-color: #282828;} .BRUSHED.GOLD{background-color: #e5c86a;;} .BRUSHED.COPPER{background-color: #89635b;}.ROSE.GOLD{background-color: #dda197;}
 h1 { font-family: Futura, "Trebuchet MS", Arial, sans-serif !important; font-style: normal !important; font-variant: normal !important; font-weight: 600 !important; } 
h3 { font-family: Futura, "Trebuchet MS", Arial, sans-serif !important; font-size: 14px !important; font-style: normal  !important; font-variant: normal !important; font-weight: 600 !important; line-height: 15.4px !important; }
h4, h2 { font-family: Futura, "Trebuchet MS", Arial, sans-serif !important; letter-spacing:.6px !important}
 p { font-family: Futura, "Trebuchet MS", Arial, sans-serif !important; font-size: 14px !important; font-style: normal !important; font-variant: normal !important; font-weight: 400 !important; line-height: 20px !important; }
 blockquote { font-family: Futura, "Trebuchet MS", Arial, sans-serif !important; font-size: 21px !important; font-style: normal !important; font-variant: normal !important; font-weight: 400 !important; line-height: 30px !important; }
 pre { font-family: Futura, "Trebuchet MS", Arial, sans-serif !important; font-size: 13px !important; font-style: normal !important; font-variant: normal !important; font-weight: 400 !important; line-height: 18.57px !important; }
.sp-megamenu-parent>li >a:hover {text-decoration: underline !important;    text-underline-offset: 8px !important;}
.sp-megamenu-parent>li >a {font-family: Futura, "Trebuchet MS", Arial, sans-serif !important; font-size: 14px !important; letter-spacing: 1px !important; font-style: normal !important; font-variant: normal !important; font-weight: 600 !important;}
li{letter-spacing: 1px;}
   #sp-footer{margin-top:0 !important}
   *{
    box-sizing: border-box;
   }
   .text-right{
    text-align: center;

   }
   
   .wrapper{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
   }
   
   .coming-soon-info:before{
    content: "";
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    right: 0;
    z-index: -1;
   }
   .header{
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-gap:0 10px;
   }
   .coming-soon-info a.brand-logo{
    color: #fff;
    font-weight: 400;
    font-size: 36px;
    text-transform: capitalize;
    position: relative;
    font-family: 'Permanent Marker', cursive;
    letter-spacing: 1px;
   }
   .coming-soon-info .coming-back{
    margin: 80px auto 60px;
    max-width: 600px;
    text-align: center;
    padding: 1em 0;
   }
   .coming-soon-info h1

   {
      margin:0;
      font-size:70px;
      font-weight:400;
      color:#ff9800;
      line-height:95px;
      text-transform:capitalize;
      margin-bottom:40px;
      font-family: 'Satisfy', cursive;
  }
  .coming-soon-info p.t-text
  {
      line-height:26px;
      opacity:0.9;
      font-family: Poppins;
  }
  .countdown
  {
      margin:auto;
      display:table;
      font-size:18px;
      font-weight:500;

  }
  .coming-soon-info .number
  {
         font-family: Poppins;
  }
  ::-webkit-input-placeholder {  
      font-family: Poppins;
    }
  .coming-soon-info .countdown>div
  {
      float: left;
      min-width:100px;
      margin:40px 10px 0 0;
      font-size:50px;
      line-height:70px;
      font-weight:700;
      color:#fff;
      padding:0px 15px;
  }
  .coming-soon-info .countdown>div:last-child
  {
      border-right:none;
  }

  .coming-soon-info p
  {
      color:#eee;
      font-size: 17px;
      font-weight:400;
  }
  .coming-soon-info .countdown span
  {
      position:relative;
      display:block;
      font-size:12px;
      line-height:28px;
      text-align:center;
      text-transform:uppercase;
      font-weight:600;
      letter-spacing:1px;
      color:#eee;
  }
  .coming-soon-info input[type="text"]
  {
      padding:1em 1.5em;
      border: solid 1px #ffffff;
      width:88%;
      margin-right:10px;
      font-size:17px;
      color:#999999;
      outline:none;
      display:inline-block;
      background:#ffffff;
      border-radius:6px;
  }
  .coming-soon-info form
  {
      max-width:500px;
      margin:0 50px;
      margin-top:40px;
      display:flex;
  }

  .waviy {
    position: relative;
    -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
    font-size: 55px;
  }
  .waviy span {
    font-family: 'Alfa Slab One', cursive;
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    animation: waviy 2.5s infinite;
    animation-delay: calc(.2s * var(--i));

  }
  @keyframes waviy {
    0%,40%,100% {
      transform: translateY(0)
    }
    20% {
      transform: translateY(-20px)
    }
  }


.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{min-height: 100px;}

    span.result{
        font-weight: 600 !important;
        letter-spacing: 3px !important;
        font-size: 20px !important;
    }
    p.res{font-weight: 600 !important;font-size: 32px !important;}

.productCat .card{min-height: 470px !important}
.productCat .card img{min-height: 200px !important}
.productCat .image{text-align:center; !important}
.leftcol {padding: 20px !important; text-align: center !important;}
.leftcol img{max-width: 450px ; max-height: 450px }
.card-img{text-align: -webkit-center !important}
.CHROME{background-color: #dddddd ;} .BRUSHED-GRAPHITE{background-color: #5c5b5c;} .GOLD{background-color: #f3d673;} .MATT-BLACK{background-color: #282828;} .BRUSHED-GOLD{background-color: #e5c86a;;} .BRUSHED-COPPER{background-color: #89635b;}.ROSE-GOLD-{background-color: #dda197;}
.col-lg-4, .col-md-6{padding-right: 0}button.btn.btn-hide{height: inherit;background-color: #ff935d;color: #fff;font-size: 0.82rem;padding-left: 40px;padding-right: 40px;border-top-right-radius: 0px;border-bottom-right-radius: 0px}.btn:focus{box-shadow: none}.box-label .btn{background-color: #fff;padding: 0;font-size: 0.8rem}.btn-red{background-color: #e00000ce}.btn-orange{background-color: #ffa500} .card .product-name{font-weight: 600}.card-body{padding-bottom: 0}.card .text-muted{font-size: 0.82rem}.card-img img{padding-top: 10px;width: 240px;height: 240px;object-fit: contain;display: block}.card-body .btn-group .btn{padding: 0;width: 20px;height: 20px;margin-right: 5px;border-radius: 50%;position: relative}.card-body .btn-group>.btn-group:not(:last-child)>.btn, .card-body .btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-radius: 50%;transition: ease-in all .4s}.card-body input[type="radio"]{visibility: hidden}.card-body .btn:not(:disabled):not(.disabled).active::after, .card-body .btn:not(:disabled):not(.disabled):active::after{content: "";width: 10px;height: 10px;border-radius: 50%;top: 4px;left: 4.2px;background-color: #fff;position: absolute;transition: ease-in all .4s}.card-body .btn.btn-light:not(:disabled):not(.disabled).active::after, .card-body .btn.btn-light:not(:disabled):not(.disabled):active::after{background-color: #000}#avail-size input[type="checkbox"]{visibility: hidden}#avail-size input[type='checkbox']:checked{background-color: #16c79a;border: none}#avail-size .btn.btn-success{background-color: #ddd;color: #333;border: none;width: 20px;font-size: 0.7rem;border-radius: 0;padding: 0}#avail-size .btn.btn-success:hover{background-color: #aff1e1;color: #444}#avail-size .btn-success:not(:disabled):not(.disabled).active, #avail-size .btn-success:not(:disabled):not(.disabled):active{background-color: #16c79a;color: #fff}#avail-size label{margin: 10px;margin-left: 0px}#shirt{height: 170px}.middle{position: relative;width: 100%;margin-top: 25px}.slider>.track{position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;border-radius: 5px;background-color: #ddd}.slider>.range{position: absolute;z-index: 2;left: 25%;right: 25%;top: 0;bottom: 0;border-radius: 5px;background-color: #36a31b}.slider>.thumb{position: absolute;top: 2px;z-index: 3;width: 20px;height: 20px;background-color: #36a31b;border-radius: 50%;box-shadow: 0 0 0 0 rgba(63, 204, 75, 0.705);transition: box-shadow .3s ease-in-out}.slider>.thumb::after{position: absolute;width: 8px;height: 8px;left: 28%;top: 30%;border-radius: 50%;content: '';background-color: #fff}.slider>.thumb.left{left: 25%;transform: translate(-15px, -10px)}.slider>.thumb.right{right: 25%;transform: translate(15px, -10px)}.slider>.thumb.hover{box-shadow: 0 0 0 10px rgba(125, 230, 134, 0.507)}.slider>.thumb.active{box-shadow: 0 0 0 10px rgba(63, 204, 75, 0.623)}input[type=range]{position: absolute;pointer-events: none;-webkit-appearance: none;z-index: 2;height: 10px;width: 100%;opacity: 0}input[type=range]::-webkit-slider-thumb{pointer-events: all;width: 30px;height: 30px;border-radius: 0;border: 0 none;background-color: red;-webkit-appearance: none}.del{text-decoration: line-through;color: red}

 #content h1.text-center{text-shadow: 2px 2px #aaabb1}
@media screen and (max-width: 750px) {
    body{background : white !important;}
    .card{border:unset !important;}
}