@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');

html, body{
    font-family: 'Mulish', sans-serif !important;
}
a{
  color:black;
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
    border: 1px solid #a1a2a3;
}

#conveythis-wrapper{
  z-index: 900 !important;
}

.loop-seleccion .slick-slide img {
  display: block;
  object-fit: cover;
  max-height: 200px;
  width: 100%;
}
 

.bg-orange-full{
  background:#F66800;
}
.user-menu-home a{
  font-size: 0.85em;
}
.user-menu-home a:hover{
 text-decoration: underline;
}
.br-custom{
  padding-right: 0px !important;
  border-right: 25px solid #474441;
}

.bg-black-full{
  background:#474441;
}
.menu-category a{
  font-weight: 800 !important;
  text-transform: uppercase;
}

.menu-category a small{
  font-weight: 200 !important;
  text-transform: initial;
}

.menu-category .dropdown-item{
  font-weight: 200 !important;
  font-size: 0.8em;
}

.bg-orange{
  background: linear-gradient(90deg, #ffffff 50%, #F66800 50%);

}

.bg-black{

  background: linear-gradient(90deg, #F66800 50%, #474441 50%);
}

.top-header{
    font-size: 0.8em;
    border-bottom: 2px solid #f66904;
}

.top-header .link-dark{
    color:rgb(94, 94, 94) !important;
    font-weight: 200;
}

.top-header .link-dark:hover{
    color:black !important;
}

.modal-header{
    border-bottom:0 !important;
}
.sub-title{
    font-size: 1em;
    color:gray !important;
    padding-top:5px;
}

.user-named{
  padding-top: 20px !important;
}

.brand-link{
  padding-top: 35px !important;
}
.link-dark.active{
    color:black !important;
}

.alert-login{
    display: none;
}


.nav-tabs .nav-link{
  color: black;
}

.login-form .input-group-text{
    background: none;
    border-right: 0;

}
.login-form .input-group .form-control{
    border-left: 0;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
    color: #fff;
    background-color: #577bb1 !important;
  }
table{
    font-size: 0.9em;
}

.dataTables_length{
    width: 50%;
    float: left;
  }
  a, .page-link{
    color: black;
  }

  button.dt-button, div.dt-button, a.dt-button, input.dt-button{
    color: black;
    background: #e9ecef !important;
    padding: 6px 11px !important;
    border: 0 !important;
  }
  button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), input.dt-button:hover:not(.disabled){
    background: #d9dcdf !important;
  }
  
  .page-item.active .page-link{
    background-color: gray;
    border-color: gray;
  }
  
  .conveythis-no-translate a, .conveythis-no-translate span{
    display: none;
  }


.service-box{
  height: 250px;
  border: 1px solid #F66800;
  border-radius: 12px ;
}

.service-box .title a{
  font-weight: 800;
  text-decoration: none;
  font-size: 1.6em;
  color: #474441;

}

.slick-dots li.slick-active button:before {
  color: #FF6600 !important;
}

.inner-row-item{
  
}

.slick-dots li button:before {
  font-size: 17px !important;
}

.slick-dots {
  bottom: 15px !important;
}

.home .slick-dots {
  bottom: 15px !important;
  right: -90px !important;
}
.slider-titulo{
  font-weight: 800;
  color: #474441;
  font-size: 3em;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #FF6600;
}

.maquinas-loop .slider-titulo {
  font-weight: 800;
  color: #FF6600;
  font-size: 2em;
}

.maquinas-loop .slider-item {
  min-height: auto;
  background: #f3f3f3;
  border-radius: 13px;
}

.maquinas-loop .slider-titulo a{
  font-weight: 800;
  color: #FF6600;
}
.maquinas-loop .slider-titulo a:hover{
  font-weight: 800;
  color: #e07228;
}

.slider-titulo a{
  color: #474441;
}
.slider-titulo a:hover{
  color: #181818;
}

.service-box .subtitle{
  color: #474441;
}


.link-orange{
  color: #F66800;
  font-weight: 500;
  font-size: 1.2em;
}

.link-gray{
  text-decoration: none;
}
.link-gray:hover{
  text-decoration: none;
  color: #474441;
}



.slider-item .link-orange{
  font-weight: 800;
  font-size: 1.5em;
  text-decoration: none;

}
.link-orange:hover{
  color: #ec731c;
}
.home .slider-item{
  min-height: auto;
  background: #f3f3f3;
  border-radius: 13px;
  border-right: 62px solid #f66904;
}
.slick-prev:before, .slick-next:before{
  color: #b5b5b5;
}


footer a{
  text-decoration: none;
}
footer a:hover{
  color: #ec731c;
}

footer{
  background-color: #F4F4F4;
  color: #464441;
  font-size: 0.9em;
}

i.pr-1{
  padding-right: 10px;
}

.bottom-footer{
  background-color: #474441;
}

footer h4.title-footer{
  color: #ec731c;
  font-weight: 700;
  margin-bottom: 15px;
}

footer i{
  color: #ec731c;
}
.bg-org{
  background: #ec731c;
  font-size: 1em;
  font-weight: 800;
  padding: 10px 15px;
  border-radius: 10px 10px 0 0;
}
.bg-blk{
  background: #474441;
  font-size: 1em;
  font-weight: 800;
  padding: 10px 15px;
  border-radius: 10px 10px 0 0;
}


.bg-gray{
  border-radius: 10px;
  background-color: #F3F3F3;
}

.title-btm {
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 5px 15px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -70px;
    overflow: hidden;
    background: #f4f4f4d9;
    color: #474441;
    height: 70px; 
    line-height: 1.2;
    transition: 0.3s;
    
}



.inner-maquina:hover .title-btm{
  background: #f4f4f4f0;
}

.inner-maquina:hover .tags span{
  background: #ec741bd6;
}


.title-maqu{
  font-weight: 800;
  color: #ec731c;
  font-size: 0.9em;
}

.tags span{
  transition: 0.3s;
  background: #ec741bab;
  position: absolute;
  margin-top: 10px;
  padding: 5px 10px;
  color: white;
  z-index: 1000;
}

.table.single-table{
  font-size: 0.8em;
}
.table.single-table.table-sm>:not(caption)>*>* {
  padding: .25rem 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #F66802;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

.single-maquina h5{
  font-size: 1em;
  font-weight: 800;
}

.img-carous{
  height: 403px;
  background-size: cover;
  background-position: center;
}

.maquinas-loop .img-carous{
  height: 250px;
  background-size: cover;
  background-position: center;
}

.link-orange-mini{
  color: #FF6600;
}
.link-orange-mini:hover{
  color: #FF6600;
}
.maquinas-loop .link-orange-mini{
  color: #FF6600;
}
.maquinas-loop .link-orange-mini:hover{
  color: #FF6600;
}
.img-carous-mini{
  height: 67px;
  background-size: cover;
  background-position: center;
}

.single-maquina .img-carous{
  height: 405px;
  background-size: cover;
  background-position: center;
}

  /* the slides */
  .loop-seleccion .slick-slide {
    margin: 0 10px;
  }
  /* the parent */
  .loop-seleccion .slick-list {
    margin: 0 0px;
  }

  .loop-seleccion .slick-prev:before,  .loop-seleccion .slick-next:before {

    color: white !important;
    
  }

  .loop-seleccion .slick-next {
    right: 22px;
  }
  .loop-seleccion .slick-prev, .loop-seleccion .slick-next{
    top: -35px;
  }
  .loop-seleccion .slick-prev {
      right: 50px ;
      left: auto !important;
  }

  .single-maquina .title-maquina{
    color: #ec731c;
    font-size: 2.4em;
    font-weight: 800;
  }

  .actions .nav-link{
    color: white;
    background-color: #464441;
  }

  
  .actions .nav-item .nav-link{
    border-radius: 0px;
  }

  .actions{
    font-size: 0.8em;
  }
  

  h4.title-accesorios{
    color: #ec731c;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.2em;
  }

  .hvr-sweep-to-right:before{
    background:  #ec731c;
  }

  .single-maquina  .slick-dotted.slick-slider {
    margin-bottom: -1px;
}

.accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  color: #ec741b;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  font-weight: 800;
}

h5.lined{
  border-bottom: gray solid 1px;
  font-size: 1em;
  line-height: 1.5;
}
.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='EC741B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection{
    border-color: #dadada !important;
    box-shadow: 0 0 0 0.25rem rgb(183 183 183 / 25%) !important;
}

.btn-orange{
  border: 1px solid #FF6600;
  background-color: white;
  color: #FF6600;
}

.btn-orange:hover{
  border: 1px solid ec741b;
  background-color: #ec741b;
  color: white;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
  font-size: 0.8em !important;
}

.menumobile.navbar-toggler{
  display: none;
  margin-right: 10px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home .slick-dots{
    display: block !important;
    position: initial !important;
  }
  .slider-titulo a {
    font-size: 30px;
    color: #474441;
  }
  .img-carous-mini-box{
    display: none !important;
  }
  .img-carous{
    height: 200px !important;
  }
  .service-box{
    margin-bottom:20px ;
  }
  .menu-principal a{
    padding: 10px 5px !important;
  }
  
  .menu-principal  li{
    width: 50%;
    float: left;
  }

  .menumobile.navbar-toggler{
    display: inline;
  }
  .menu-principal{
    display: none;
  }
  .loop-seleccion .title-btm {
    margin-top: 0px;
    height: 110px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .home .slick-dots{
    display: block !important;
    position: initial !important;
  }
  .slider-titulo a {
    font-size: 30px;
    color: #474441;
  }
  .img-carous-mini-box{
    display: none !important;
  }
  .img-carous{
    height: 200px !important;
  }
  .service-box{
    margin-bottom:20px ;
  }

  .menu-principal a{
    padding: 10px 5px !important;
  }

  .menu-principal  li{
    width: 50%;
    float: left;
  }

  .menumobile.navbar-toggler{
    display: inline;
  }
  .menu-principal{
    display: none;
  }

   .loop-seleccion .title-btm {
      margin-top: 0px;
      height: 110px;
  }

  .loop-seleccion .slick-slide img {
    display: block;
    object-fit: cover;
    max-height: 120px;
    width: 100%;
  }
  
  
}