.cabeçalho{
  background-color:  #0e2b4e ;
  background-image: url("../img/usa-flag.png");
  background-repeat:  no-repeat;
  background-position: center right;

}

.title-go{
  color:#0e2b4e;
}

.Pprincipal{
  text-align: center;
}


.optFrete{
  background-color: #0e2b4e;
}

.aboutDln{
   background-color: #0e2b4e;
   background-image: url("../img/clock-icon.png");
   background-repeat: no-repeat;
   background-position:center left;
   background-size: 250px 250px;
}

.productsPB{
  background-color: #FFFFFF;
  background-image: url("..//img/forbidden-icon.png");
  background-repeat: no-repeat;
  background-position:center right;
  background-size: 200px 200px;  
}


 .slider {
  all:unset;
  width: 100%;
  height: 7px;
  border-radius: 2px;
  background: linear-gradient(to right,#b62626 0%,#b62626 0%,rgb(178, 175, 175) 0%,rgb(178, 175, 175) 100%);
  transition: background 450ms ease-in;
  appearance: none;
  
}

.slider::-moz-range-thumb{
  appearance: none;
  cursor: pointer;
  height: 17px;
  width: 17px;
  background: #b62626;
  border-radius: 50%;
  
}

.slider::-webkit-slider-thumb{
 
  cursor: pointer;
  appearance: none;
  height: 17px;
  width: 17px;
  background: #b62626;
  border-radius: 50%;
 
}


.sliderPrinc{
  height: 8px;
  border-radius: 10px;
  background: linear-gradient(to right,#b62626 0%,#b62626 0%,rgb(178, 175, 175) 0%,rgb(178, 175, 175) 100%);
  transition: background 450ms ease-in;
  appearance: none;
  
}
.sliderPrinc::-webkit-sliderPrinc-thumb{
  -webkit-appearance: none;
  cursor: pointer;
  appearance: none;
  height: 12px;
  width: 1px;
  background: #b62626;
 
}

.sliderPrinc::-moz-range-thumb{
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 17px;
  width: 17px;
  background: #b62626;
  border-radius: 50%;
}

.table2{
  width: 100%;
  color: #FFFFFF;
}

.table2 th{
  border-bottom: 2px solid white;
  padding: 10px;

}

.table2 tbody td{
  padding: 10px;
}

.priceFreight {
  white-space: nowrap;
}

.priceFreight span:nth-child(1){
  font-size:11pt;
}

.priceFreight span:nth-child(2) {
  font-size: 20pt;
}

#lInfo{
list-style: none;
margin: 0px;
padding: 0px;
display:flex;
}

.info-item::-webkit-scrollbar{
  width: 8px;
}

.info-item::-webkit-scrollbar-track{
  background: transparent;
}

.info-item::-webkit-scrollbar-thumb{
  background-color: rgba(0, 0, 0, .2);
  border-radius: 20px;
}

.info-item::-webkit-scrollbar-thumb:hover{
  background-color: rgba(0, 0, 0, .3); 
}

#lInfo li > div{
  padding: 12px 15px;
  background-color: #0e2b4e;
  color: white;
  border-radius: 5px;
  /* height: 600px;
  overflow: auto; */

}

#lInfo li > div:hover{
  overflow: auto;     
}

#lInfo h2{
  font-size: 16pt;
}

#lInfo h3{
  font-size: 14pt;
}

#lInfo a{
  color: rgb(199, 195, 195);
}

.lInput{
  font-size: 12pt;
}

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

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  max-height:50%;
  border: 1px solid #ddd;
  z-index: 1;
}

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

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

.show {
  display: block;
}

.btn-frete-go{
  background-color: #0e2b4e;
  color:#FFF;
  transition: all 0.2s ease;
}

.btn-frete-go:hover{
  background-color: #0f3463;
  color:#FFF;
}

#myTable tbody td{
  border-top: 1px solid #ffffff1c;
}

@media screen and (max-width: 768px) {
  #lInfo{
    display: block;
  }
  
  #myTable thead{
    display:none;
  }

  #myTable tbody tr,
  #myTable tbody td{
    display: block;
    border:0;
  }

  #myTable tbody td::before{
    content:attr(data-label);
    display:block;
    color: #697188;
    font-size:12pt;
  }

  #myTable tbody tr{
    border:1px solid #FFF;
    border-radius: 5px;
    margin:15px 0px;
  }
}