@charset "utf-8";
/* CSS Document */
.input-hidden{ position: absolute; left: -9999px}
input[type=radio]:checked + label>.catbox, .card.radio-checked{ border:2px solid #e6843f}
img{ max-width:100%; height:auto}
.stepbar{ background-color:#0b3388; text-align:center; color:#fff; font-size:14px; padding:5px 0px}
body{ font-family: 'Open Sans', sans-serif!important;}
.counter.active{ background-color:#e6843f!important; color:#fff!important }
.counter{ background-color:#fff!important; border-radius:50px; padding:1px 8px!important; color:#0b3388; margin:0px 3px}
.caphead{ background-color:#329acf; padding:20px 0px; text-align:center}
.caphead h1{ font-size:40px; padding:0px; margin:0px; color:#fff; font-weight:600}
.caphead p{ font-size:16px; color:#fff; line-height:25px; display:block; margin-top:10px;}
.category{ background-color:#eef; padding:0px 0px 70px 0px}
input[type=radio] + label { width: 100%;}
.catbox,.radbox{ background-color:#fff; -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08);
box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08); border:2px solid #fff; text-align:center; margin-bottom:25px; padding:15px 15px 0px 15px}
.catbox:hover{ border:2px solid #e6843f; cursor: pointer}
.catbox img{ margin:0px auto 10px auto; display:block}
.catbox h2{ font-size:26px!important; color:#e6843f!important; padding:0px!important; margin:0px!important;}
.catbox p{ font-size:16px; color:#7d7d7d; line-height:26px; padding:0px; margin:0px; display:block; min-height:90px;}
.catbox .btn, .card .btn, .radbox .btn{ background-color:#e6843f; border:0px; border-radius:0px; padding:8px 30px;}
.catbox .btn:hover, .card .btn:hover, .radbox .btn:hover{ background-color:#e6843f; text-decoration:none}

.saftey{ background-color:#0b3388; padding:20px 0px}
.trust{ text-align:right}
.rating{ padding:40px 0px; }
.ratingbox{ border:1px solid #e5e5e5; border-radius:4px; padding:10px; min-height:210px; margin-bottom:15px;}
.testname{ color:#636363; font-size:16px; text-transform:uppercase}
.ratingbox img{ width:20px; padding:0px; height:auto}
.ratingbox .time{ font-size:13px; color:#707070; font-style:italic; margin-top:8px;}
.ratingbox h3{ color:#53aedd; font-size:18px; display:block; margin:10px 0px}

footer{ background-color:#091c41}
.corsbox{ background-color:#fff; padding: 60px; -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.10)!important;
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.10)!important;
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.10)!important; position:relative}
.logsecure { text-align:center; border-left:1px solid #dedede}
.logsecure h2{ font-size:22px; color:#0b3388; padding:0px; margin:15px 0px 15px 0px; display:block; font-weight:600}
.corsbox .btn{ display:block; width:100%; background-color:#8bbf40; border:1px solid #8bbf40; padding:8px; font-size:16px;}
/* .corsbox .form-control{ height:45px!important;} */
.basket .btn{ --height: 48px; /* can be percentage too */ display:block; width:100%; height: var(--height); padding:8px; border-radius:calc(var(--height)*0.5);}
.basket .btn{ color:#fff; background-color:#e6843f; border:1px solid #e6843f; font-size:16px; font-weight:bolder;}

.carousel-inner{ overflow:inherit!important}

.carousel-control-next, .carousel-control-prev{ width:56px!important; top:50%!important; height:76px!important;; background-color:#fff; border:1px solid #dedede; color:#000; opacity:1!important}
.carousel-control-prev-icon{ background-image:none!important}
.carousel-control-next-icon{ background-image:none!important}

a div.corsno{ background-color:#fff; -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08);
box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08); border:2px solid #fff; text-align:center; margin-bottom:15px; color:#e6843f; font-size:80px; font-weight:600; padding:20px 0px}
a div.corsno:hover{ border:2px solid #e6843f; cursor: pointer; color:#e6843f; text-decoration:none!important }

.boilest{ background-color:#e6843f; padding:15px 0px; text-align:center; font-size:40px; color:#fff; font-weight:700; position:relative; margin-bottom:60px;}
.boilest:after{ position:absolute; bottom:-34px; left:25%; right:25%; content:url(../img/downarrow.png)}
.incontainer{ width:950px; margin:0px auto}

.benetopt{ border-bottom:1px solid #e1e1de; margin-bottom:30px; padding-bottom:10px;}
.beneftlst{ text-align:center}
.beneftlst ul{ padding:0px; margin:0px; list-style:none}
.beneftlst ul li{ padding:0px 0px 0px 35px; margin:0px; list-style:none; display:inline-block; width:32%; color:#c10f18; font-size:18px; font-weight:700; position:relative; text-align:left; vertical-align: top}
.beneftlst ul li figure{ position:absolute; top:-3px; left:0px;}

.whtbox{ background-color:#fff; -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08);
box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08); border:2px solid #fff; margin-bottom:30px;}
.categdtl h2{ font-size:40px; color:#e6843f; border-bottom:1px solid #bfbfbf; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; font-weight:600}
.categdtl ul{ padding:0px; margin:0px; list-style:none}
.categdtl ul li{ padding:0px 0px 0px 35px; margin:0px; list-style:none; display:block; color:#0b3388; font-size:16px; position:relative; text-align:left; line-height:44px}
.categdtl ul li figure{ position:absolute; top:-3px; left:0px;}

.basket .prc{ text-align:center; color:#000000; margin-bottom:15px; display:block;}
.basket .prc span{ font-size:36px; font-weight:700; color:#e6843f; display:block;}

.bdtl{ border-left:1px solid #dddddd; text-align:center; margin:20px 0px; }
.bdtl img{ display:block; margin:0px auto 20px auto }
.dtlprc{ font-size:36px; color:#000000; font-weight:700; margin-bottom:15px; display:block}
.dtlprc span{ color:#e6843f }

.bdtl .boildtlbut{ border:0px; border-radius:4px; color:#fff; padding:20px ; width:90%; margin:0px auto; background-color:#00a650; font-weight:700; font-size:24px}
.bdtl .boilcbbut{ border:0px; border-radius:4px; color:#fff; padding:8px ; width:90%; margin:0px auto; background-color:#e6843f; font-weight:700; font-size:20px}

.locatpric { color:#8c0f0f!important; font-weight:600!important; font-size:18px!important; display:block; margin-top:15px!important; min-height:inherit!important; margin-bottom:15px!important;}

.category h2{ text-align:center; padding:40px 0px 0px 0px; margin:0px 0px 40px 0px; color:#0b3388; font-weight:700; font-size:40px;}
.mainacord{ width:95%; margin:0px auto}
.mainacord .card{ border-radius:0px; margin-bottom:8px;}
.mainacord .card label {margin-bottom: 0px; display: block;}
.mainacord .card-header .card-title{ font-size:16px!important; color:#e6843f}
.mainacord .card-header { background-color:#fff; padding:4px; }
.mainacord .card-header  img{ width:50px; height:auto}
.mainacord .card-header h5 button:hover{ text-decoration:none}
.accordion .card-toggle {
  float: right; top: 0px;
  position: relative;
  border-left: 1px solid #C5C5C5;
  padding: 17px 10px 8px 18px;
}
.accordion .card-toggle:after {
  content: url(../img/grayarrow.jpg);
  color: #727272;
}
.accordion .card-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: url(../img/bluarrow.jpg);
  color: #004a90;
}
.card-block p{ padding:10px; font-size:13px;}
.basket h2{ font-size:16px; margin:0px 0px 15px 0px; padding:revert;}
.logsecure h2{ font-size:25px; margin:0px 0px 15px 0px;}
/* Formatting for number controls */
.radbox { max-width: 300px; margin-left: auto; margin-right: auto;}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; /* Removes leftover margin */
}

#question-contact .category p{ text-align:center; margin:0px 0px 40px 0px; color:#0b3388;}
#contact_consent{ display: none;}

@media (min-width: 300px) and (max-width: 667px) {
.stepbar {
    font-size: 0.7rem;
    padding: 5px 0px;
}
.counter { padding: 1px 6px !important;}
.caphead h1 { font-size: 1.5rem;}
.category h2{ font-size:30px; padding-top:0px; margin-bottom: 10px;}
.corsbox { padding: 38px 21px;}
.logsecure { border-left: 0px solid #dedede; border-top: 1px solid #dedede; margin-top:30px; padding-top:30px}
.corsbox h2{ font-size: 1.0rem; margin:20px 0px;}
.carousel-control-next, .carousel-control-prev{ top:inherit!important; top:-70px!important; height:56px !important}

.bedroom h2{ font-size: 1.5rem; margin:20px 0px;}
.incontainer{ width:90%; margin:0px auto}
.benetopt{ display:none}
.boilest{ font-size:1.20rem}
.boilest::after { bottom: -27px;}
.categdtl h2 {font-size:1.20rem}
.categdtl ul li {font-size: 12px; line-height: 22px;}
.dtlprc {font-size: 20px;}
.bdtl .boildtlbut, .bdtl .boilcbbut{ font-size:20px}

.bdtl { border-left: 0px solid #dedede;  text-align: center;
    margin: 20px 0px; padding:15px 0px
}
.bdtl  img{ display:none}
.trust{ text-align:center}
#question-contact .category p{ margin-bottom:20px; font-size:14px;}
#contact_consent-label{ color: #000; font-size: 11px;}
}
.orderdtl table{ width:100%}
.orderdtl table, .orderdtl th, .orderdtl td{ border:1px solid}
.orderdtl td{ vertical-align:top}
.invoicedtl table{ width:100%}
.invoicedtl th, .invoicedtl td{border-top:1px solid #004a90; border-bottom: 1px solid #004a90; padding: 1ex;}
.invoicedtl td{ vertical-align:top}

@media (min-width: 576px) {
.ratingbox img {
    width: 19px !important;
    height: auto !important;
    margin-top: 7px;
}

.catbox h2 { font-size: 14px !important;}

	}