* {
  box-sizing: border-box;
}

html{
  font-family: 'K2D';
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
}

.text-blue {
  color:#0872b8;
}

.search_bar{ 
    border: #0872b8 1px solid;
 
    text-align: left;
    font-size: 14px;
    color: #0872b8;
    border-radius: 0px 50px 50px 0px; 
    background-image: url(../icons/search25.png);
    background-repeat: no-repeat;
    font-family: 'K2D';

  } 
 

  input[type=text] { 
     width: 100%; 
     text-align: center;
  } 
  input[type=text]:focus::placeholder{
color: transparent;
  }

  ::placeholder {
    color: #0872b8;
    text-align: center;
  }



.heading h3 {
    text-align:center; font-size:35px; text-transform:uppercase; color:#0872b8; letter-spacing:1px;
   font-weight:400;
   font-family: 'K2D';
  }
  .heading2 h3 {
    text-align:left; font-size:22px; text-transform:uppercase; color:#000000; letter-spacing:1px;
    font-weight:400;
    font-family: 'K2D';
  }
  
.tArea{
 background-color: #0872b8;
    right: 6px;
    padding: 5px ;
    text-align: center;
    border-radius: 50px 0px 0px 50px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
}
.tCategory{
    background-color: #0872b8;
       padding: 5px ;
       right: 3px;
       text-align: center;
       font-size: 16px;
       color: #ffffff;
       text-transform: uppercase;
      
   }

a{
    color: black;
}
a:checked{
  background-color: #0872b8;
}
  
  .boxx{
    border: 1px solid #D4D6D7;
    padding:10px;
    text-align: center;
    font-size: 12px;
    font-family: 'K2D';
    display: inline;
   
  }
  
  .boxx:hover{
   text-decoration: none;
   color: black;
   cursor: pointer;

  }

 
  
  .box-first:hover{
    text-decoration: none;
    color: black;
    cursor: pointer;
   }
   .box-last:hover{
    text-decoration: none;
    color: black;
    cursor: pointer;
   }

  .box-first{
    border: 1px solid #D4D6D7;
    padding:10px ;
    text-align: center;
    border-radius: 50px 0px 0px 50px;
    font-size: 12px;
    font-family: 'K2D';
    display: inline;
  }
  .box-first input[type="checkbox"]{
    visibility: hidden;
      }
      .box-last input[type="checkbox"]{
        visibility: hidden;
          }
          .boxx input[type="checkbox"]{
            visibility: hidden;
              }
  .box-last{
    border: 1px solid #D4D6D7;
    border-radius: 0px 50px 50px 0px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-family: 'K2D';
    display: inline;
  }

  .card {
      height: 150px;
      /* width: 100%; */
      padding: 10px;
      border-style: solid;
      border-width: 2px;
      background-image: linear-gradient(to right,#d9d9d9  , #ffffff);
      border-image: linear-gradient(45deg,#dcdddd, #ffffff), 1;
      border-radius: 50px;
      margin: 10px;
  }
.card img{
    position: relative;
}
 
.card:hover {
  -webkit-box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.25);
 
}
.card a{
 padding-top: 25px;
  margin: 10px;
  text-decoration: none;
}

.card a h2{
  font-size: 2rem;
  color: #112c6f;
  text-align: center;
  font-family: 'Poppins-Bold';
  text-decoration: none !important;
  font-weight: 900;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dropdown-container1 {
  width: 100%;
 
  margin: auto 0;
  font-size: 14px;
  overflow: auto;
  -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); 
  border-radius: 50px 0px 0px 50px;
}
.dropdown-container2 {
  width: 100%;
  margin: auto 0;
  font-size: 14px;
  overflow: auto;
  -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); 
}
.dropdown-container3 {
  width: 100%;
  margin: auto 0;
  font-size: 14px;
  overflow: auto;
  -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); 
}
.dropdown-button1 {
  background-color: #0872b8;
  padding: 5px;
  text-align: center;
  border-radius: 50px 0px 0px 50px;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
  .dropdown-button1 .dropdown-label, .dropdown-button1 .dropdown-quantity {
    color: #ffffff; 
    font-family: 'K2D';
  }
 
    .dropdown-button2 {
      background-color: #0872b8;
       padding:5px ;
       right: 3px;
       text-align: center;
       font-size: 14px;
       color: #ffffff;
       text-transform: uppercase;
       cursor: pointer;
      position: relative;
    }
    .dropdown-button3 {
      background-color: #0872b8;
       padding:5px ;
       right: 3px;
       text-align: center;
       font-size: 14px;
       color: #ffffff;
       text-transform: uppercase;
       cursor: pointer;
      position: relative;
    }
      .dropdown-button2 .dropdown-label, .dropdown-button2 .dropdown-quantity {
        color: #ffffff; 
        font-family: 'K2D';
      }
      .dropdown-button3 .dropdown-label, .dropdown-button3 .dropdown-quantity {
        color: #ffffff; 
        font-family: 'K2D';
      }
   
    
    
.dropdown-list {
  margin-bottom: 5px;
  width: 95%;
  border-top: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px;
  background: #fff;
  position:absolute;
  z-index: 2; 
  border: 1px solid grey;
}
  .dropdown-list input[type="search"] {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
    width: 100%;
    border: none;
    border-radius: 4px;
    background-image: url(../icons/search25.png);
    background-repeat: no-repeat;
  }

    .dropdown-list input[type="search"]:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      text-align: center;
      outline: none;
     }
  .dropdown-list ul {
    margin: 20px 0 0 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0; }
    .dropdown-list ul input[type="checkbox"] {
      position: relative;
      top: 2px; }
    .dropdown-list ul li {
      list-style: none;
    font-size: 14px; }

.checkbox-wrap {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

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

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0; }

/* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
  content: "\f0c8";
  font-family: "FontAwesome";
  position: absolute;
  color: rgba(0, 0, 0, 0.1);
  font-size: 20px;
  margin-top: -4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .checkmark:after {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

/* Show the checkmark when checked */
 .checkbox-wrap input:checked ~ .checkmark:after {
  display: block;
  content: "\f14a";
  font-family: "FontAwesome";
  color: #0872b8;
  border: none; }

.box.active {
    color: #ffffff;
    background: #0872b8;
  /* box-shadow: 10px 6px #bababa */
  }
 .box.active:hover{
    color: #ffffff;
  }

  
  .cards {
      height: 200px;
      width: 100%;
    /* background-color: #d9d9d9;
      box-shadow: 1px 1px 5px lightgrey;*/
      padding: 10px;
cursor: pointer;
  }
.cards img{
  margin-top: 5px;
  margin-left: 10px;
text-align: center;
width: 200px;
height: 170px;
}
  .cards h5{
text-transform: uppercase;
    font-size: 18px;
    color: grey;
    text-align: center;
  }
.cardTitle{
  color:#bababa;
  font-size: 24px;
  padding-left: 10px;

}
.cardDetails{
color: #bababa;
font-size: 22px;
padding-left: 10px;
}

.brandImg{
  position:relative;
  text-align: center;
}

.brandDetails{
  background-color: transparent;
  padding: 0px;
font-family: 'K2D';
}

.iconFeature li{
  
  list-style: none;
  display: inline-block;
}


.iconFeature img{
  height: 45px;
    width: 45px;
    margin: 5px;
 }


.answer {
  margin: 2px 0;
  padding: 5px;
  background-color: #68c3ff;
  display: none;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'K2D';
}
.answer a{
  color: #ffffff;
  text-decoration: none;
}
.answer.selected{
  background-color: #0872b8;
  color: #ffffff;
  text-transform: uppercase;
}

.shown .answer 
  {
      display: block;
     
  }


.accordion {
  width: 240px;
 top: -20px;
  padding: 0;
  list-style: none;
  overflow: auto;
  position:absolute;
  color: #ffffff;
}
.accordion .checkmark:after {
  content: none;
  
}
.question{
font-size: 24px;  
color: #545454;
text-transform: uppercase;
background-image: url(../icons/right_24.png);
background-repeat: no-repeat;
background-position: right;
font-family: 'K2D';
}
.shown .question{
  background-image: url(../icons/down.png);
  background-repeat: no-repeat;
}

.brandInfoTitle{
font-size: 16px;
line-height: 16px;
color: #5f5f5f;
margin-top: 10px;
}
.info{
  font-size: 16px;
  line-height: 16px;
  color: #5f5f5f  
}
.brandInfo{
  margin-top: 50px;
  padding: 50px;
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
  background-color: transparent;

}

/* display 3 */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner .carousel-item-left.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
transform: translateX(0);
}
.carousel-control-prev-icon{
  background-color: #0872b8;
  display: inline-block;
  width: 36px;
  height: 39px;
  border-radius: 50%;
  position: absolute;
  bottom: 11%;
  left: 180%;
}

.carousel-control-next-icon{
  background-color: #0872b8;
  display: inline-block;
  width: 36px;
  height: 39px;
  border-radius: 50%;
  position: absolute;
  bottom: 11%;
  right: 20%;
}
.carousel-control-prev img ,
.carousel-control-next img{
height: 20px;
width: 20px;
}
/*.box-first input[type="checkbox"] {
  display: none; 
}
.box-last input[type="checkbox"] {
  display: none; 
}
.boxx input[type="checkbox"] {
  display: none; 
}*/

  @media only screen and (max-width: 768px) {
  
    .dropdown-container1 {
      border-radius: 5px;
      margin-bottom: 5px;
    }
    .dropdown-container2 {
      border-radius: 5px;
      margin-bottom: 5px;
    }
    .dropdown-container3 {
      border-radius: 5px;
      margin-bottom: 5px;
    }
    .dropdown-button1{
      border-radius: 5px;

    }
    .dropdown-button2{
      border-radius: 5px;

    }
    .dropdown-button3{
      border-radius: 5px;

    }
    .search_bar{ 
      border-radius: 50px;
    }
  }
  
  .dropdown-container {
    width: 100%;
   text-align: center;
    margin: auto 0;
    font-size: 14px;
    overflow: auto;
  
  }
  
  .dropdown-button {
    background-color: #0872b8;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
  }
   
  
  .btnProducts{
    background-image: url(../images/Full_Circle.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size:contain;
    cursor: pointer;
    height: 170px;
    width: 170px;
    margin-bottom: 10px;
  }
  .btnProducts.active {
    color: #ffffff;
    background-image: url(../images/Circle_Blue_Full.png);
  }
  .btnProducts:checked{
    color: #ffffff;
    background-image: url(../images/Circle_Blue_Full.png);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7465%) hue-rotate(113deg) brightness(102%) contrast(100%);
 
  }
    
  .btnProducts.active>p {
    color: #ffffff;
    
  }
  .btnProducts.active img{
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7465%) hue-rotate(113deg) brightness(102%) contrast(100%);
  }
  /* .btnProducts img {
   ;
  } */
  /*.btnProducts>p {
    
    padding-left: 65px;
    padding-bottom: 55px;
    padding-top: 48px;
    padding-right: 55px;
    text-align: center;
    text-decoration: none;
    font-family: 'K2D';
    color: #328ac3;
  }*/



  .btnProducts>p {
    padding: 55px;
    /* padding-left: 65px; */
    /* padding-bottom: 55px; */
    /* padding-top: 48px; */
    /* padding-right: 55px; */
    text-align: center;
    text-decoration: none;
    font-family: 'K2D';
    color: #328ac3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
  .btnProducts>p>i>img {
    height:25px;
    width:25px;
  }

  .btnProducts input[type="checkbox"] {
    visibility: hidden;
}
  .btnprod{
    background-color: #00defd;
    padding: 8px 70px;
    font-size: 24px;
   font-weight: bold;
    border-radius: 45px;
    color: #ffffff;
    font-family: 'K2D';
  }

  .btnprod>span{
    text-align: center;
  }
  #filterBrands{
    padding-bottom:40px;

}




/*aDRS*/


 .ADRS>p{
 color: #4a4a4a;
 letter-spacing: 1px;
 word-spacing: 2px;
 font-size: 18px;
 text-align: justify;
 padding-top: 10px;
 }

 .ADRS>p>a{
  color: #0872b8;
  text-decoration: none;
  font-weight: bold;
 }
 
 .ADRS>h4{
    color:#0872b8;
  }

  .adrs_form_btn{
    background: linear-gradient(to right ,#0c97fb,#01c6f3);
    /* padding: 10px 25px;
    font-size: 20px;
    border-radius: 45px;
    cursor: pointer; */
    color: #ffffff;
    /* text-transform: uppercase;
    font-weight: 400; */

  }
  .adrs_form_btn:hover{
    color: #ffffff;
  }

  .report{
    background-color: #f4f4f4;
    border-radius: 40px;
    text-align: center;
    color: #4a4a4a;
  }

  .reports-content {
    width: 100%;
  }

  .reports-content {
    font-size: 18px;
  }

.ADRSForm .title{
  background-color: #e4e4e4;
  border-radius: 0px 0px 45px 45px;
  padding: 20px;
}
.ADRSForm h3{
  font-weight: bolder;
  font-size: 35px;
  color:#0872b8;
}
.ADRSForm label{
  font-family: 'K2D';
  font-size: 18px;
  color: #6a6a6a;
  font-weight: bold;
}
.ADRSForm label>span{
  font-family: 'K2D';
  font-size: 15px;
  color: #6a6a6a;
  font-weight: 700;
}

.ADRSForm input[type=text]{
  text-align: left;
}
.ADRSForm input[type=text]::placeholder{
  text-align: left;
}
.ADRSForm>h3>img{
text-align: right;
}
.form-rounded {
  border-radius: 2rem;
  border-width: 2px;
  }
  .form-control{
    padding: 5px;
  }