.mt100{ margin-top:135px;}
.carousel-indicators li {
  
    width: 10px;
    height: 10px;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;   
    border-radius: 10px !important
}

img.alineadoTextoImagenArriba{
  vertical-align: text-top; 
  font-size:1rem; 
}
.txt_08{ font-size: 0.8rem;}
.txt_07{ font-size: 0.7rem;}
.txt-white {color: #fff;}
.radius-left{ border-radius: 10px 0 0 10px;}
.bg_header{background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(221,228,241,1) 100%);}
.resetpading{padding-right:0px;padding-left: 0px;}
.logo {width: 170px;}
.logo_footer {width: 110px; filter:brightness(0) invert(1) grayscale(0) contrast(1)}
.link_footer {
    color: #fff;
}
.direccion {
    height: auto;
    font-size: 14px;
    background-color: #005597;
    color: #fff;
    margin-top: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: -16px;/**/
}

.btn-1 {
  background-color: #F27935;
  text-decoration: none !important;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 12px 53px 12px 23px;
  color: #fff;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: bold;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;

}
.btn-1 .round {
  background-color: #f59965;
}


a span {
  position: relative;
  z-index: 3;
}
a .round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  position: absolute;
  right: 3px;
  top: 5px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 2;
}
a .round i {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -6px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.txt {
  font-size: 17px;
  line-height: 1.45;
}

.btn-1:hover {
  padding-left: 48px;
  padding-right: 28px;
  color: rgb(58, 56, 56);
}
.btn-1:hover .round {
  width: calc(100% - 6px);
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.btn-1:hover .round i {
  left: 12%;
}


.footer {
    background: #0075B1;
    height: auto;
    min-height:auto;
    padding: 0px 0 0px 0;
}

.input_radio{
    margin-top: 6px;
    margin-right: 10px;
    transform: scale(1.5);s
  }

input[type="radio"] {
    -ms-transform: scale(1.8); /* IE 9 */
    -webkit-transform: scale(1.8); /* Chrome, Safari, Opera */
    transform: scale(1.8);
}
.bs-wizard {margin-top: 10px; width: 100%;}
/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #CCEBBB; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #7AC65A; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #CCEBBB;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.htxt{ height:110px;}
.fatam{font-size: 1.4em;}
.btn-naranja {
    color: #fff;
    background-color: #F27935;
    border-color: #e9722e;
}

.btn-naranja:hover{
    color: #fff;
    background-color: #c45e24;
    border-color: #e9722e;
}
.container80{ width: 80% !important; margin: auto;margin-top: 125px;}


.col-form-label {
    padding-top: calc(.375rem) !important;
    padding-bottom: calc(.375rem ) !important;
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.form-group {
    margin-bottom: 0rem  !important;
}
.titulo_movil{ display: none !important;}
.none{ display: none;}
@media (max-width:1480px) {
  header h1 {
      font-size: 2.0rem;
  }
}
@media (max-width:1350px) {
  .h1header{font-size: 2.2vw;}

}

@media (max-width:1260px) {
  .h1header{font-size: 2vw;}

}

@media (max-width:1225px) {
  .h1header{font-size: 1.9vw;}

}


@media (max-width:1100px) {
  .h1header{font-size: 1.7vw;}

}

@media (max-width:1180px) {

.fa-4x {    font-size: 2.9em;}
.fa-5x {    font-size: 3.3em;}
.h4, h4 {font-size: 1.2rem;}
.p-4 {padding: 1.1rem!important;}
.border .pt-5{padding-top: 1.6rem!important;}
  header .mr-5, .mx-5 {
      margin-right: 2rem!important;
  }
}

@media (max-width:1027px) {
  .h1header{font-size: 1.7vw;}
   header .mr-5, .mx-5 {
      margin-right: 1.5rem!important;
  }

}
@media (max-width:945px) {
  #titulo_header{ display: none;}
}
@media (max-width:970px) {
  .h1, h1 {    font-size: 2rem;}
  h2, h2 {    font-size: 1.2rem;}
  .fa-4x {    font-size: 2em;}  
  .fa-5x {    font-size: 2.6em;}
  .p-4 {padding: 0.6rem!important;}
  .fa-shopping-cart{    padding-top: 14px; padding-bottom: 10px;}
  .border .pt-5 {    padding-top: 0.6rem!important;}
  a .round i {top: 51%;}


}

@media (max-width:850px) {
  .logo {width: 115px;}
}

@media (max-width:750px) {
  .border .pt-5 {    padding-top: 1.6rem!important;}
  .fa-4x {font-size: 2.2em;}
  .fa-shopping-cart {padding-left: 10px;}
  .h1, h1 {    font-size: 1.7rem;}
  .footer .container{max-width:98% !important;}
  .txt_08 {    font-size: 0.8rem;    margin-top: 10px;}
  header .mr-3, .mx-3 {    margin-right: 0.3rem!important;}
  a .round i {left: 49%;}
  .txt {    font-size: 14px;  }



}

@media (max-width:650px) {
  header .mr-3, .mx-3 {margin-right: 0rem!important;    margin-left: 2rem;}
 
  .btn-1{margin-top: 11px;}
  .w-25{width: 50%!important;}
  .radio_selects{ text-align: left !important;}
}
@media (max-width:575px) {
  .border {border: 0px solid #dee2e6!important; padding-left: 50px;}
  .movil_btn{ text-align: center;}
  .footer .col-12 img{text-align: center !important; align-items: center; align-self:center}
  #area_menu{ width: 70% !important; float: right; clear: both; }
  .btn-1 {padding: 12px 43px 12px 9px;}
  #btn_cotizar span.txt{font-size: 13px;}
} 

@media (max-width:520px) {
  #btn_cotizar{width: 100% !important; float: none !important; clear: both; text-align:right; padding-right:23px;}
  #txt_datos{width: 100% !important; float: none !important; clear: both; text-align:right; padding-right:23px;}
  #txt_datos div{ float:right !important; margin-top: 10px !important; margin-left:10px ; text-align: right; }
  .colnone{display: none !important;}
  #myTable{ width: 100% !important;}
  thead{ width: 100% !important;}
  .container80 {
      width: 90% !important;
      margin: auto;
      margin-top: 125px;
  }
  .titulo_movil{ display: block !important;}
}




@media (max-width:485px) {
  header .mr-3, .mx-3 {
    margin-right: 0rem !important;
    margin-left:1rem !important;
  }
  #area_menu {
    width: 69% !important;
    float: right;
    clear: both;
    
  }
  .cuadrito_movil{ height:60px;}


}
@media (max-width:461px) {
  #area_menu{ width: 69% !important; margin-top: 0px;float: right; clear: both; }
  #area_menu .mr-3{margin-left:1.5rem;}
  #btn_cotizar{width: 100% !important; float: none !important; clear: both;}
  #txt_datos div{ margin-top:10px !important;}


}
@media (max-width:455px) {
  #area_menu{ width: 100% !important; margin-top: 0px;float: none; clear: both; }
  .top_movil{ margin-top: -60px !important;}
  .btn-1 {margin-top: -15px; margin-bottom: 21px;}
  #ModalDatosLabel{font-size:12px;}
  .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 14px;
    margin-bottom: 5px;
}

.h1, h1 {
    font-size: 1.5rem;
}
.h3, h3 {
    font-size: 1.35rem;
}
#checkbox_biodegrable, #checkbox_biodegrable_01, #checkbox_biodegrable_02{ margin-left: -20px !important;}
.labelbio{margin-left: 1px !important;}
#myTable .input_movil{ width: 100% !important;}



}


@media (max-width:380px) {
  .border {padding-left: 28px;}
  .border  .col-6 {flex: 0 0 70%;    max-width: 64%;}
  .fa-shopping-cart {padding-left: 0px;}
  .w-25{width: 100%!important;}
  #form_cotizacion_02 .pr-5{padding-right: 0.5rem!important;}
  .htxt{ height:75px;}
  .group02{ padding-left:45px;}
} 

@media (max-width:365px) {
  a .round i {    left: 50%;}
 


}

@media (max-width:343px) {
  #area_menu {width:100% !important;}
  #btn_cotizar {padding-right: 8px;}


}


