.d-md-none {
   display: none;
}
.carousel {
   max-height: 100%;
}
.noVerBuscador {
   margin-right: 200px;
}
/*.row{ display: block; }*/
.headerLogo {
   width: auto;
   max-height: 100%;
   margin-top: 16px;
   max-width: 300px;
}
.headerCont {
   margin: 0 0 15px 0;
}
.modif .botonesMenu {
   font-size: 10pt;
}
.accordion-content > li {
   font-size: 0.8em;
   background-repeat: none;
   background-position: none;
   background-image: none;
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
}
.headerSearchBox {
   background-color: rgb(255,255,255);
   color: rgb(0,144,72) !important;
}
.listadorTituloCont {
   margin: 10px 3px;
}
.form-control-feedback {
   color: rgb(220, 151, 71) !important;
}    
.espacio {
   padding: 0 160px;
}
.grid figure figcaption {
   color: white;
}
.caja-flex {
   display: flex;
   text-align: center;
   align-items: center;
}
header {
   border-top: 0px solid rgb(255,255,255);
}
.listadorTitulo {
   margin: 0;
   font-size: 20pt;
   font-weight: 400;
   text-transform: none;
}
.noaccordion-headerdes, .accordion-header {
   font-size: 16px;
}
.detalleTitulo {
   font-size: 26pt;
   margin: 0;
}
.botonoCont a {
   color: #3984c6;
   font-weight: bold;
   text-decoration-line: underline;
}
.navbar {
   border-radius: 0;
}
.listadorContProducto {
   margin: 0;
}
figure.effect-ruby img {
   opacity: 1;
}

.contactoTitulo {
   font-size: 20pt;
}
.main-contacto .form-send {
   padding: 7px 25px;
   color: #fff;
   border-radius: 5px;
   text-align: center;
   margin-bottom: 10px;
   font-style: italic;
   display: none;
}

/*------------  SLIDE FLECHAS ------------*/
.slick-next {
   right: 13px;
}
.slick-prev {
   left: 15px;
}
.slick-prev:before, .slick-next:before {
   color: #ffffff;
   position: relative;
   top: 1px;
   display: inline-block;
   font-family: 'Glyphicons Halflings';
   font-style: normal;
   font-weight: 400;
   line-height: 1;
   font-size: 25px;
   -webkit-font-smoothing: antialiased;
}
.slick-prev:before {
   content: "\e079";
}
.slick-next:before {
   content: "\e080";
}
.botonoContImg .grid figure {
   width: auto;
}

/*------------  MENU DESPLEGABLE CAT ------------*/
.categorias .navbar-toggler {
   color: black;
   border-color: transparent;
}
.categorias .navbar-collapse.collapse {
   height: auto !important;
   padding: 0px;
}
#accordion-container {
   background-color: #ffbe00;
}
.noinactive-header:hover, .inactive-header:hover{
   background-color: #fff9;
}
.noaccordion-headerdes {
   padding: 5px 10px 5px 10px;
   font-size: 14px;
}
.accordion-header {
   font-size: 16px;
   padding: 5px 10px 5px 10px;
}
#accordion-container {
   width: 100%;
}
.accordion-content {
   padding: 0;
}
.noaccordion-headerdes {
   font-size: 13px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.39);
   background-color: #ffffff80;
}

.noinactive-header, .inactive-header {
   background-image: url("../img/m-inactive-header.png");
}
.noactive-header, .active-header {
   background-image: url("../img/m-active-header.png");
}

/*------------  LISTADOR CARTA ------------*/
.card {
   min-height: 150px;
   height: auto;
   margin-top: 0;
}
.card-head .card-title {
   color: black !important;
}
.card-imagen {
   height: 156px;
}

/*------------  MENU BOTONES NAVBAR ------------*/
ul.cl-effect-14 a { 
   margin: 15px 10px;
   padding-right: 15px;
   padding-left: 15px;
}
.agMenu li a { 
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
   display: inline-block;
   margin: 0px 5px;
   font-size: 15pt;
   outline: none;
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 0px;
   font-weight: 400;
   text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.agMenu li:hover a {
   color: rgba(222, 156, 68, 0.66);
}
.agMenu li.active > a {
   color: rgba(222, 156, 68, 0.66);
}
.agMenu li {
   height: 100%;
   display: flex;
   align-items: center;
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(220, 151, 71)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-toggler {
   color: rgb(220, 151, 71);
}

.tecMenu {
   background-color: #000000;
}
.tecUl {
   background-color: transparent;
}
.tecUl > li > a {
   color: white;
}

/*------------  LISTADOR FIJO5 ------------*/
.cs-style-3 figcaption {
   padding: 5px 15px 5px 15px;
   height: 82px;
   background: #DC9747;
}
.grid figcaption h3 {
   margin-bottom: 0.1rem;
   font-size: 17pt;
   width: 75%;
   line-height: 22px;
   font-weight: 400;
}
.cs-style-3 figcaption a {
   bottom: 23px;
   padding: 4px 10px 5px 10px;
   background: #ffff;
   color: #DC9747;
   font-size: 19px;
   right: 15px;
}

/*------------ MENU NAVBAR TECNOMILLS ------------*/
.modif .botonesMenu {
   padding: 0px 14px !important;
   font-weight: bold;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
 	color: #686868;
}
.modif .botonesMenu:hover, .modif .botonesMenu:active, .modif .botonesMenu:focus {
   color: #686868;
}
.tecMenu {
   margin: 0 160px;
}
.menuCel {
   display: block;
   position: static;
}
.menuCel .menu-toggle {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 45px;
}
.menuCel a {
   font-weight: 900;
   text-transform: uppercase;
}
.dropdown-toggle::after {
   display: none;
}
.nav-link p {
   height: 100%;
   margin: 0;
   font-weight: 900;
}
.nav-link {
   display: flex;
   align-items: center;
   height: 24px;
}
.iconosCat {
   width: 75px;
}
/*------------ MENU DESPLEGABLE TECNOMILLS ------------*/
.menu-tecno {
   position: absolute;
   z-index: 9999;
   width: 100%;
   background-color: #000000b5;
}

/*- links estilo -*/
.navbar .nav-item {
   padding: 15px 1.5rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
   font-weight: 900;
   padding: 0 !important;
   height: auto;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 15px;
}
.navbar-expand-lg .navbar-nav .nav-link i {
   font-size: 35px;
   margin-right: 5px;
}
.dropdown-item {
   border: 0;
   width: 100%;
   clear: both;
   display: block;
   font-size: 16px;
   background: 0 0;
   font-weight: 400;
   line-height: 1;
   white-space: nowrap;
   text-align: inherit;
   padding: .20rem 1rem;
   text-transform: capitalize;
   color: #212529 !important;
}
.dropdown-item:focus, .dropdown-item:hover {
   color: #ed1b2f !important;
   background-color: transparent;
}
.dropdown-item strong {
   text-transform: uppercase;
}

/******** HOME ********/
.main-home .textos {
   padding: 0px;
}
.main-home .textos .title-home {
   margin: 8px 0;
   font-size: 23px;
   font-weight: bold;
}

/******** SEO LISTADOR TECNOMILLS ********/
.seoTecno {
   display: flex;
   align-items: center;
   flex-direction: row;
}
.margenMain {
   padding: 0 101px;
}
.contain-seo {
   margin-bottom: 15px;
   display: block;
}
.contain-botono {
   display: flex;
   flex-wrap: wrap;
}
.contain-seo .contain-botono .seoCubo {
   height: 56px;
   margin: 3px 0;
   flex: 0 0 33.333333%;
}
.contain-seo .contain-botono .seoCubo > a {
   color: white;
   background-color: #ed1b2f;
   padding: 0px 14px;
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   white-space: normal; 
   text-align: center;
   justify-content: center;
   height: 100%;
   display: flex;
   align-items: center;    
   line-height: 18px;
   border-radius: 3px;
   margin: 0 3px;
}
.seoTecno > li {
   height: 126px;
   width: 230px;
   margin-left: 5px;
   background-color: #ed1b2f;
   margin-bottom: 15px;
}
.contain-seo .contain-botono .seoCubo > a:hover {
   background-color: #686868;
}
.lineaSeo {
   width: 13%;
   margin-left: 3px;
   border-bottom: 2px solid #ed1b2f;
}
/*- SEO LISTADOR DETALLE TECNOMILLS -*/
.detalle-cubo {
   height: 71px;
   margin: 0 15px 4px;
}
.detalle-cubo a {
   display: flex;
   height: 100%;
   padding: 0 15px;
   font-size: 13px;
   font-weight: 600;
   line-height: 16px;
   border-radius: 3px;
   text-align: center;
   white-space: normal;
   align-items: center;
   text-decoration: none;
   justify-content: center;
   text-transform: uppercase;
   color: white !important;
   background-color: #ed1b2f;
}

/*------------ SEO BOTONO TECNOMILLS ------------*/
.main-botono .botonoCont p {
   margin-bottom: 10px !important;
}

.main-contacto .form-control {
   border-radius: 5px;
   border: 1px solid #c3c3c3;
   box-shadow: inset 1px -1px 5px rgba(176, 176, 176, 0.4);
}
.main-contacto .btn-custom {
   padding: 10px 50px;
}
.main-contacto .btn-custom:focus {
   color: #fff !important;
}
.main-contacto .contacto-info {
   margin-bottom: 50px;
}
.main-contacto .contacto-info h4 {
   margin-top: 0;
}
.main-contacto .contacto-info .contactoUl {
   font-size: 12.5pt;
   margin-bottom: 0px;
}
.main-contacto .contacto-info .contactoUl li {
   font-weight: 400;
   color: #3a3637;
   font-style: italic;
}
.main-contacto .contacto-info .contactoUl li.li-ubicacion {
   text-transform: capitalize;
}
.main-contacto .contacto-info .contactoUl li.li-redes {
   overflow: hidden;
   white-space: nowrap;
}
.main-contacto .contacto-info .contactoUl li > a {
   color: #3a3637;   
}
.main-contacto .contacto-info .contactoUl li > a:hover {
   color: rgb(237,27,47);
}
.main-contacto .contacto-map {
   width: 100%;
   overflow: hidden;
}
.main-contacto .contain-map {
   width: 100%;
   height: 100%;
   max-width: 100%;
}

/*------------ SEO DETALLE TECNOMILLS ------------*/
.main-detalle .consulta-whatsapp {
   color: #ffffff !important;
   background-color: #0e9c1f !important;
   padding: 10px 20px;
   text-transform: uppercase;
   font-weight: 500;
   line-height: 20px;
   display: flex;
   align-items: center;
   margin-bottom: 25px;
   font-size: 14px;
   text-align: center;
   white-space: nowrap;
   border-radius: 4px;
}
.main-detalle .consulta-whatsapp i {
   font-weight: 500;
   margin-right: 5px;
   font-size: 15pt;
}
.main-detalle .contenedor-pdf a {
   font-size: 15px;
   color: #6c6a6a;
   font-weight: 600;
}
.main-detalle .contenedor-pdf img {
   width: 25px;
   margin-right: 5px;
}
.botonoTitulo {
   color: #ed1b2f;
   text-align: center;
}
.botonoCont {
   font-weight: normal;
}
.addthis_sharing_toolbox {
   margin-top: 0px;
}
.detalleCont {
   margin-bottom: 0;
   color: black;
}
.botonoImg .grid figure {
   margin: 0;
   width: auto;
}
.botonoImg .grid figcaption {
   display: flex;
   align-items: center;
   text-align: center;
}
.botonoImg .grid figcaption i {
   width: 100%;
}

.botonoTexto p {
   text-indent: 0 !important;
}
.botonoTexto p img {
   width: 100% !important;
   height: auto !important;
   max-width: 650px !important;
}

/*------------ VISOR HEADER ------------*/
.visorImagen{
  -moz-transition:-moz-transform 5s ease-in; 
  -webkit-transition:-webkit-transform 5s ease-in; 
  -o-transition:-o-transform 5s ease-in;
  -moz-transform: scale(1.3) translate(0%, 0%);
  -webkit-transform: scale(1.3) translate(0%, 0%);
  -o-transform: scale(1.3) translate(0%, 0%);
}
.visorImagen2{
  -moz-transition:-moz-transform 4.5s ease-in; 
  -webkit-transition:-webkit-transform 4.5s ease-in; 
  -o-transition:-o-transform 4.5s ease-in;
  -moz-transform: scale(1) translate(0%, 0%);
  -webkit-transform: scale(1) translate(0%, 0%);
  -o-transform: scale(1) translate(0%, 0%);
}

/*------------  MEDIAS QUERY ------------*/
@media (max-width: 767px) {
   .headerSearchCont {
      margin: 0px auto 0 auto;
      width: auto !important;
   }
   .barra-lateral-izquierda nav a#mostrarMega {
      display: none;
   }
   .botonoTitulo, .contactoTitulo, .detalleTitulo, .listadorTitulo {
      font-size: 24pt;
   }
   .figure.effect-honey h1 {
      font-size: 20px !important;
      line-height: 25px;
   }
   .noVerBuscador {
      display: none;
   }
   ul.cl-effect-14 a {
      width: 185px;
      text-align: center;
   }
   .headerSearchCont {
      max-width: 100%;
   }
   .espacio {
      padding: 0;
   }
   .menu-tecno {
      z-index: 1;
   }
   .headerLogo {
      float: none;
      margin: 0 auto;
   }
   .navbar-dark .navbar-toggler {
      color: rgba(255,255,255,.5);
      background-color: transparent;
      margin: 25px 0 0 0;
   }
   .botonMenu {
      margin-top: 20px;
   }
   .navbar {
      justify-content: center !important;
   }
   .navbar-dark {
      padding-bottom: 0;
   }
   .margenMain {
      padding: 0 30px;
   }
}

.detalleTituloCont {
   margin: 30px 0px 15px 0px;
}
.scroller {
   margin-bottom: 15px;
}

/* --- --- BARRA LATERAL IZQUIERDA --- --- */
.barra-lateral-izquierda nav {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   height: 130px !important;
}

.barra-lateral-izquierda nav a {
   display: block;
   font-weight: 900;
   padding: 20px;
   color: #ffffff;
   font-size: 15px;
   margin: 5px;
}

.barra-lateral-izquierda nav a:hover {
   text-decoration: none;
   color: #ffffff;
   text-align: center;
}

.detalleImagen .slick-prev::before, .detalleImagen .slick-next::before {
   color: rgb(237,27,47);
}

.grid figure figcaption {
   background-color: #8080801a;
   word-spacing: 0;
}
figure.effect-marley h2::after, figure.effect-marley p {
   font-weight: 600;
}
figure.effect-marley h2 {
   font-weight: 600;
}

.lightbox img {
   max-width: 500px;
}

/* --- --- MEDIAQUERIES --- --- */
@media screen and (max-width: 1400px) {
   .tecMenu {
      margin: 0;
   }
}
@media screen and (max-width: 1194px) {
   .margenMain {
      padding: 0 30px;
   }
   .navbar .nav-item {
      padding: 15px 1.4rem;
   }
}
@media screen and (max-width: 991px) {
   .barra-lateral-izquierda nav {
      align-items: center;
      justify-content: center;
   }
   .headerLogo {
      display: flex;
      justify-content: center;
      width: 100%;
      max-width: 100%;
      max-height: 220px;
   }
}
@media screen and (max-width: 767px) {
   .botonoCont img {
      width: 100% !important;
      height: auto !important;
   }
   .menu-tecno {
      position: relative;
      background-color: #3c3c3c;
   }
   .menuCel{
      background-color: #ed1b2f ;
      position: static;
   }
   .redes-sociales { 
      font-size: 20px;
      color: white;
   }
   .categoria i{ 
      background-color: #ececec; 
      color: #ed1b2f; 
      height: 100%; 
      width: 45px;
      font-size: 25px;
      text-align: center;
      padding-top: 5px;
   }
   .collapse i{
      background-color: transparent;
      color: #fff;
   }

   #bloque1{
      background-color: #ececec;
      color: #ed1b2f;
   }

   .redes-sociales #btn-menu {
      float: right;
      font-size: 25px;
   }
   #btn-menu i {
      margin-right: 5px;
   }
   .barra-lateral-izquierda {
      width: 60%;
      position: absolute;
      z-index: 100;
      left: 0;
      background: #ed1b2f;
      margin: 0;
      padding: 0;
      transform: translateX(-99.99%);
      transition: all .3s ease;
   }
   .barra-lateral-izquierda.active {
      transform: translateX(0%);
      border: 1px solid white;
   }

   .barra-lateral-izquierda nav {
      border-bottom: none;
      display: block;
      height: auto !important;
   }

   .barra-lateral-izquierda nav a {
      color: #fff;
      border-bottom: 1px solid white;
      margin: 0;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0 0 11px !important;
   }

   .show > a, .barra-lateral-izquierda nav a:hover, .barra-lateral-izquierda nav a:focus, .barra-lateral-izquierda nav a:active, .barra-lateral-izquierda nav a.active {
      color: #ed1b2f !important;
      background: #ececec;
   }
   .barra-lateral-izquierda nav a.categoria:hover, .barra-lateral-izquierda nav a.categoria:focus,
   .barra-lateral-izquierda nav a.categoria:active {
      background-color: #ed1b2f !important; color: #fff !important;
   }    
   .seoCubo {
      height: 75px;
   }
   .seoCubo > a {
      padding: 0 15px;
      font-size: 17px;
   }
}
@media (min-width:576px) {
   .container {
      max-width: 100%;
   }
}
@media (min-width:768px) {
   .container {
      max-width: 100%;
   }
   .d-md-none {
      display: none !important;
   }
}
@media (min-width:992px) {
   .container {
      max-width:960px;
   }
}
@media (min-width:1200px) {
   .container {
      max-width:1140px;
   }
}