/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 /* Reset HTML and Body to take up full height */
 body {
     min-height        : 100dvh;
     overflow-x        : hidden;
     display           : flex;
     flex-direction    : column;
     justify-content   : center
 }

 html,
 body {
     margin     : 0;
     padding    : 0;
     width      : 100%;
     overflow-y : auto;
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size  : 16px;
     box-sizing : border-box;
 }

 /* Apply border-box sizing to all elements for predictable sizing */
 *,
 *::before,
 *::after {
     box-sizing: inherit;
 }

 main {
     display       : flex;
     flex-direction: column;
     flex          : 1
 }

 main.producto {
     .logo-container {
         @media (max-width: 768px) {
             padding-top: 25px;
         }

     }

     &.promocionales {
         .text-center {
             @media (min-width: 1024px) {
                 text-align: left
             }
         }

         .link a {
             padding: 0;

             @media (max-width: 990px) {
                 padding: 30px 0 0 0
             }
         }
     }

     .logo {
         @media (max-width: 768px) {
             width: 12rem
         }
     }
 }

 p,
 ul {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     color      : #777;
 }

 p:not(:first-child),
 ul {
     padding-top: 15px
 }

 ul {
     padding            : 0;
     margin             : 15px 0 0 40px;
     list-style-type    : disc;
 }

 h3~ul {
     margin    : 0;
     list-style: inside;

 }

 div.col-lg-12 {
     display       : flex;
     flex-direction: column;
     gap           : 40px
 }

 section.productos {
     align-self    : center;
     display       : flex;
     flex-direction: column;
     align-items   : center;
     gap: 40px
 }

 div.link a {
     padding       : 40px 0;
     display       : flex;
     flex-direction: column;
     align-items   : center;
     text-align    : center;
     gap           : 20px
 }

 .product-list {
     display              : grid;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows   : repeat(2, auto);
     column-gap           : 50px;
     row-gap              : 50px;
     justify-items       : center;
     max-width: fit-content;

     .product {
         width  : 180px;
         padding: 0;

         &.product a {
             display       : flex;
             flex-direction: column;
             align-items   : center;
             text-align    : center;
         }
     }

     @media (max-width: 768px) {
         display       : flex;
         flex-direction: column;
         align-items   : center;
         width         : 50%;
         row-gap       : 20px;
         gap           : 40px
     }
 }


 .container&:not(.product-list) {
     display        : flex;
     flex-direction : column;
     justify-content: center;
     margin         : 0;
 }

 .container {

     &::after,
     &::before {
         display: none;
     }

     .row {

         &::after,
         &::before {
             display: none;
         }
     }
 }

 section.portfolio {
     .container {
         display        : flex;
         flex-direction : column;
         justify-content: center;
         align-items    : center;
         justify-self   : center;
     }

 }

 section.sectores {
     padding: 60px;

     display        : flex;
     align-items    : center;
     justify-content: center;

     gap: 50px;

     .sector {
         display        : flex;
         flex-direction : column;
         align-items    : center;
         justify-content: center;
         aspect-ratio   : 1/1;

         .img-wrapper {
             max-width: 180px
         }
     }

     .img-container {
         width: 80%;
     }

     @media(max-width: 1024px) {
         display              : grid;
         grid-template-columns: repeat(2, 180px);
         grid-template-rows   : auto;
     }

     @media(max-width: 768px) {
         grid-template-columns: 180px;
     }
 }

 section.sector {
     .img-wrapper {
         overflow    : hidden;
         aspect-ratio: 1/1;

         img {
             width          : 100%;
             height         : 100%;
             object-fit     : cover;
             object-position: right;

             &.left {
                 object-position: right
             }
         }
     }
 }

 .section-image {
     @media(max-width: 992px) {
         padding-top: 30px
     }
 }

 .service-heading {
     margin: 0;
 }

 .logo_family {
     color      : #bcbcbc;
     font-weight: bold;
 }

 .logo_family span {
     color: #fa7406;
 }

 .img_logo {
     height: 70px;
     width : auto;
 }

 .img-wrapper.square {
     aspect-ratio   : 1 / 1;
     width          : 100%;
     display        : flex;
     align-items    : center;
     justify-content: center;
     overflow       : hidden;

     img {
         width     : 100%;
         height    : 100%;
         object-fit: cover;
     }
 }

 .servicios ul {
     padding: 0 30px;
     ;
     margin: 0;
 }

 .servicios ul li {
     border-bottom: 1px solid #ededed;
     padding      : 5px 0 10px 0;
     display      : block;
     color        : #333;
     margin       : 0;
     text-align   : left;

 }

 .servicios ul li .list_item {
     margin : 0 20px 0 20px;
     display: block;
 }

 .f_left {
     float: left;
 }

 .text-muted {
     color: #777;
 }

 .text-primary {
     color: #eea62d;
 }

 p {
     font-size  : 14px;
     line-height: 1.75;
 }

 p.large {
     font-size: 16px;
 }

 a,
 a:hover,
 a:focus,
 a:active,
 a.active {
     outline: 0;
 }

 a {
     color: #eea62d;
 }

 a:hover,
 a:focus,
 a:active,
 a.active {
     color: #fec503;
 }

 h1,
 h2 {
     text-transform: uppercase;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 400;
 }

 #food h2 {
     text-transform: none;
     color         : #777;
 }

 .control {
     border       : 2px solid #f3b03e;
     margin-top   : 30px;
     border-radius: 4px;
     padding      : 0 20px 20px 20px;
     ;
 }

 .control-heading {
     text-align : center;
     font-weight: bold;
     padding    : 20px;
     font-size  : 24px;

 }

 .control-heading h3 {
     color      : #f3b03e;
     font-size  : 30px;
     font-weight: bold;
 }

 .food-objetivo {
     background-color: #f5c065;
     border-radius   : 5px;
     padding         : 40px;
     margin          : 10px 50px;
 }

 .img-centered {
     margin: 0 auto;
 }

 .bg-light-gray {
     background-color: #f7f7f7;
 }

 .bg-darkest-gray {
     background-color: #222;
 }

 .btn-primary {
     border-color    : #eea62d;
     text-transform  : uppercase;
     font-family     : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight     : 700;
     color           : #fff;
     background-color: #eea62d;
 }

 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
     border-color    : #f6bf01;
     color           : #fff;
     background-color: #fec503;
 }

 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
     background-image: none;
 }

 .btn-primary.disabled,
 .btn-primary[disabled],
 fieldset[disabled] .btn-primary,
 .btn-primary.disabled:hover,
 .btn-primary[disabled]:hover,
 fieldset[disabled] .btn-primary:hover,
 .btn-primary.disabled:focus,
 .btn-primary[disabled]:focus,
 fieldset[disabled] .btn-primary:focus,
 .btn-primary.disabled:active,
 .btn-primary[disabled]:active,
 fieldset[disabled] .btn-primary:active,
 .btn-primary.disabled.active,
 .btn-primary[disabled].active,
 fieldset[disabled] .btn-primary.active {
     border-color    : #eea62d;
     background-color: #eea62d;
 }

 .btn-primary .badge {
     color           : #eea62d;
     background-color: #fff;
 }

 .btn-xl {
     padding         : 20px 40px;
     border-color    : #eea62d;
     border-radius   : 3px;
     text-transform  : uppercase;
     font-family     : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size       : 18px;
     font-weight     : 700;
     color           : #fff;
     background-color: #eea62d;
 }

 .btn-xl:hover,
 .btn-xl:focus,
 .btn-xl:active,
 .btn-xl.active,
 .open .dropdown-toggle.btn-xl {
     border-color    : #f6bf01;
     color           : #fff;
     background-color: #fec503;
 }

 .btn-xl:active,
 .btn-xl.active,
 .open .dropdown-toggle.btn-xl {
     background-image: none;
 }

 .btn-xl.disabled,
 .btn-xl[disabled],
 fieldset[disabled] .btn-xl,
 .btn-xl.disabled:hover,
 .btn-xl[disabled]:hover,
 fieldset[disabled] .btn-xl:hover,
 .btn-xl.disabled:focus,
 .btn-xl[disabled]:focus,
 fieldset[disabled] .btn-xl:focus,
 .btn-xl.disabled:active,
 .btn-xl[disabled]:active,
 fieldset[disabled] .btn-xl:active,
 .btn-xl.disabled.active,
 .btn-xl[disabled].active,
 fieldset[disabled] .btn-xl.active {
     border-color    : #eea62d;
     background-color: #eea62d;
 }

 .btn-xl .badge {
     color           : #eea62d;
     background-color: #fff;
 }

 */ .glyphicon.glyphicon-earphone,
 .glyphicon.glyphicon-envelope,
 .glyphicon.glyphicon-map-marker {
     font-size: 40px;
 }

 .navbar {
     display         : flex;
     align-items     : center;
     border-color    : #fff;
     background-color: #fff;
     padding         : 16px;

     @media(max-width : 768px) {
         flex-direction: column;
         padding-bottom: 0;
     }

     .nav li {
         padding: 0;
         margin : 0;

         a:hover,
         a:focus {
             outline: 0;
             color  : #eea62d;
         }
     }

     .navbar-nav {
         display: flex;
         width  : fit-content;

         @media(max-width : 768px) {
             flex-direction   : column;
         }

         .active>a {
             border-radius   : 0;
             color           : #222;
             background-color: #eea62d;

             &:hover,
             &:focus {
                 color           : #222;
                 background-color: #fec503;
             }
         }
     }

     .navbar-collapse {
         width  : 100%;
         padding: 0
     }

     .navbar-header {
         display        : flex;
         width          : 100%;
         align-items    : center;
         justify-content: space-between;

         &::before,
         &::after {
             display: none
         }

         @media(max-width : 768px) {
             padding-bottom: 16px;
         }
     }

     .navbar-toggle {
         margin          : 0;
         border-color    : #eea62d;
         background-color: #eea62d;
         max-height      : fit-content !important;
         display         : flex;
         justify-content : center;

         &:hover,
         &:focus {
             background-color: #eea62d;
         }

         .icon-bar {
             background-color: #fff;
         }

         @media (min-width: 768px) {
             display: none;
         }
     }
 }

 @media(min-width:768px) {
     .navbar-default {
         -webkit-transition: padding .3s;
         -moz-transition   : padding .3s;
         transition        : padding .3s;
     }

     .navbar-default .navbar-brand {
         font-size         : 2em;
         -webkit-transition: all .3s;
         -moz-transition   : all .3s;
         transition        : all .3s;
     }

     .navbar-default .navbar-nav>.active>a {
         border-radius: 3px;
     }

     .navbar-default.navbar-shrink {
         padding           : 10px;
         background-color  : #fff;
         -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
         -moz-box-shadow   : 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
         box-shadow        : 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
     }

     .navbar-default.navbar-shrink .navbar-brand {
         font-size: 1.5em;
     }
 }

 header {
     position               : relative;
     text-align             : center;
     color                  : #fff;
     background-attachment  : scroll;
     background-position    : center center;
     background-repeat      : no-repeat;
     -webkit-background-size: cover;
     -moz-background-size   : cover;
     background-size        : cover;
     -o-background-size     : cover;

     min-height: 350px;

     .overlay {
         top             : 0;
         left            : 0;
         width           : 100%;
         height          : 100%;
         background-color: rgb(141 114 52 / 20%);
         z-index         : 2;
         position        : absolute;

         &.blur {
             backdrop-filter: blur(2px);
         }
     }

     .container {
         position       : relative;
         z-index        : 3;
         display        : flex;
         align-items    : center;
         justify-content: center;
         min-height     : 100%;
         height         : 100%;
     }
 }

 header.home {
     background-image: url(../images/image-bg-hero-2.png);

     .intro-text {
         padding-top   : 250px;
         padding-bottom: 80px;
     }
 }

 header.productos,
 header.sectores {
     background-image   : url(../images/image-bg-hero-1.png);
     background-position: top;
     background-size: cover;

     .intro-text {
         padding-top   : 250px;
         padding-bottom: 80px;
     }
 }

 header {
     &.embalaje {
         background-image: url(../images/productos/embalaje/img-productos-embalaje-hero.webp);
     }

     &.impresoras {
         background-image: url(../images/productos/impresoras-y-lectores/img-productos-impresoras-y-lectores-hero.webp);
         background-position: top
        }

     &.impresos {
         background-image   : url(../images/productos/impresos/img-productos-impresos-hero.webp);
         background-position: top
     }

     &.etiquetas {
         background-image: url(../images/productos/etiquetas/img-productos-etiquetas-hero.webp);
     }

     &.uniformidad {
         background-image   : url(../images/productos/uniformidad/img-productos-uniformidad-1.webp);
         background-position: bottom
     }

     &.promocionales {
         background-image   : url(../images/productos/promocionales/img-productos-promocionales-hero.webp);
         background-position: top
        }

     &.aereo {
         background-image: url(../images/sectores/img-sector-aereo-2.webp);
     }

     &.hospitalario {
         background-image   : url(../images/sectores/img-sector-hospitalario-hero.webp);
         background-position: center;
     }

     &.logistico {
         background-image   : url(../images/sectores/img-sector-logistico-hero.webp);
         background-size    : cover;
         background-position: center;
         background-repeat  : no-repeat;
     }

     &.alimentacion {
         background-image   : url(../images/sectores/img-sector-alimentacion.webp);
         background-position: top;
     }
 }

 header.pages {
     background-image: url(../images/pages-bg.png);
 }

 header .intro-text {
     padding-top   : 100px;
     padding-bottom: 50px;
 }

 header .intro-text-pages {
     padding-top   : 200px;
     padding-bottom: 50px;
 }

 header .intro-text-pages .intro-lead-in {
     margin-bottom: 25px;
     font-family  : "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size    : 22px;
     font-style   : italic;
     line-height  : 22px;
 }

 header .intro-text .intro-lead-in {
     margin-bottom: 25px;
     font-family  : "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size    : 22px;
     font-style   : italic;
     line-height  : 22px;
 }

 header .intro-text .intro-heading {
     margin-bottom : 25px;
     text-transform: uppercase;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size     : 30px;
     font-weight   : 700;
     line-height   : 50px;
 }

 header .intro-text-pages .intro-heading {
     margin-bottom : 25px;
     text-transform: uppercase;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size     : 30px;
     font-weight   : 700;
     line-height   : 50px;
 }

 .logo-food-safety {
     max-height: 60px;
     border    : none
 }

 @media(min-width:768px) {
     header .intro-text {
         padding-top   : 300px;
         padding-bottom: 200px;
     }

     header .intro-text .intro-lead-in {
         margin-bottom: 25px;
         font-family  : "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size    : 40px;
         font-style   : italic;
         line-height  : 40px;
     }

     header .intro-text .intro-heading {
         margin-bottom : 50px;
         text-transform: uppercase;
         font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size     : 50px;
         font-weight   : 700;
         line-height   : 75px;
     }
 }

 .header-spacer {
     height: 100px;
 }

 section:not(.sector) {
     padding: 40px 0;
     flex   : 1
 }

 section h2.section-heading {
     margin          : 0;
     font-size       : 40px;
 }

 h3.section-subheading {
     line-height: 1.5;   
 }

 section p.section-subheading {
     margin        : 0;
     text-transform: none;
     line-height   : 2;
     font-size     : 16px;
     font-weight   : 400;
 }

 p {
     margin        : 0;
     text-transform: none;
     line-height   : 1.5;
     font-size     : 16px;
     font-weight   : 400;
 }

 .content-margin-bt {
     margin-bottom: 55px;
 }

 ul li {

     padding: 6px 0
 }

 #portfolio .sector {
     right : 0;
     margin: 0 0 15px;
 }

 #portfolio .sector .portfolio-link {
     display  : block;
     position : relative;
     margin   : 0 auto;
     max-width: 400px;
 }

 #portfolio .sector .portfolio-link .portfolio-hover {
     position          : absolute;
     width             : 100%;
     height            : 100%;
     opacity           : 0;
     -webkit-transition: all ease .5s;
     -moz-transition   : all ease .5s;
     transition        : all ease .5s;
     cursor            : default;
 }

 #portfolio .sector .portfolio-link .portfolio-hover:hover {
     opacity: 1;
 }

 #portfolio .sector .portfolio-link .portfolio-hover .portfolio-hover-content {
     position  : absolute;
     top       : 50%;
     width     : 100%;
     height    : 20px;
     margin-top: -12px;
     text-align: center;
     font-size : 20px;
     color     : #fff;
 }

 #portfolio .sector .portfolio-link .portfolio-hover .portfolio-hover-content i {
     margin-top: -12px;
 }

 #portfolio .sector .portfolio-link .portfolio-hover .portfolio-hover-content h3,
 #portfolio .sector .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
     margin: 0;
 }

 #portfolio .sector .portfolio-caption {
     margin    : 0 auto;
     padding   : 25px;
     max-width : 400px;
     text-align: center;
 }

 #portfolio .sector .portfolio-caption h4 {
     margin        : 0;
     text-transform: none;
 }

 #portfolio .sector .portfolio-caption p {
     margin     : 0;
     font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size  : 16px;
     font-style : italic;
 }

 #portfolio * {
     z-index: 2;
 }

 @media(min-width:767px) {
     #portfolio .sector {
         margin: 0 0 30px;
     }
 }

 .timeline {
     position  : relative;
     padding   : 0;
     list-style: none;
 }

 .timeline:before {
     content         : "";
     position        : absolute;
     top             : 0;
     bottom          : 0;
     left            : 40px;
     width           : 2px;
     margin-left     : -1.5px;
     background-color: #f1f1f1;
 }

 .timeline>li {
     position     : relative;
     margin-bottom: 50px;
     min-height   : 50px;
 }

 .timeline>li:before,
 .timeline>li:after {
     content: " ";
     display: table;
 }

 .timeline>li:after {
     clear: both;
 }

 .timeline>li .timeline-panel {
     float     : right;
     position  : relative;
     width     : 100%;
     padding   : 0 20px 0 100px;
     text-align: left;
 }

 .timeline>li .timeline-panel:before {
     right             : auto;
     left              : -15px;
     border-right-width: 15px;
     border-left-width : 0;
 }

 .timeline>li .timeline-panel:after {
     right             : auto;
     left              : -14px;
     border-right-width: 14px;
     border-left-width : 0;
 }

 .timeline>li .timeline-image {
     z-index         : 100;
     position        : absolute;
     left            : 0;
     width           : 80px;
     height          : 80px;
     margin-left     : 0;
     border          : 7px solid #f1f1f1;
     border-radius   : 100%;
     text-align      : center;
     color           : #fff;
     background-color: #eea62d;
 }

 .timeline>li .timeline-image h4 {
     margin-top : 12px;
     font-size  : 10px;
     line-height: 14px;
 }

 .timeline>li.timeline-inverted>.timeline-panel {
     float     : right;
     padding   : 0 20px 0 100px;
     text-align: left;
 }

 .timeline>li.timeline-inverted>.timeline-panel:before {
     right             : auto;
     left              : -15px;
     border-right-width: 15px;
     border-left-width : 0;
 }

 .timeline>li.timeline-inverted>.timeline-panel:after {
     right             : auto;
     left              : -14px;
     border-right-width: 14px;
     border-left-width : 0;
 }

 .timeline>li:last-child {
     margin-bottom: 0;
 }

 .timeline .timeline-heading h4 {
     margin-top: 0;
     color     : inherit;
 }

 .timeline .timeline-heading h4.subheading {
     text-transform: none;
 }

 .timeline .timeline-body>p,
 .timeline .timeline-body>ul {
     margin-bottom: 0;
 }

 @media(min-width:768px) {
     .timeline:before {
         left: 50%;
     }

     .timeline>li {
         margin-bottom: 100px;
         min-height   : 100px;
     }

     .timeline>li .timeline-panel {
         float     : left;
         width     : 41%;
         padding   : 0 20px 20px 30px;
         text-align: right;
     }

     .timeline>li .timeline-image {
         left       : 50%;
         width      : 100px;
         height     : 100px;
         margin-left: -50px;
     }

     .timeline>li .timeline-image h4 {
         margin-top : 16px;
         font-size  : 13px;
         line-height: 18px;
     }

     .timeline>li.timeline-inverted>.timeline-panel {
         float     : right;
         padding   : 0 30px 20px 20px;
         text-align: left;
     }
 }

 @media(min-width:992px) {
     .timeline>li {
         min-height: 150px;
     }

     .timeline>li .timeline-panel {
         padding: 0 20px 20px;
     }

     .timeline>li .timeline-image {
         width      : 150px;
         height     : 150px;
         margin-left: -75px;
     }

     .timeline>li .timeline-image h4 {
         margin-top : 30px;
         font-size  : 18px;
         line-height: 26px;
     }

     .timeline>li.timeline-inverted>.timeline-panel {
         padding: 0 20px 20px;
     }
 }

 @media(min-width:1200px) {
     .timeline>li {
         min-height: 170px;
     }

     .timeline>li .timeline-panel {
         padding: 0 20px 20px 100px;
     }

     .timeline>li .timeline-image {
         width      : 170px;
         height     : 170px;
         margin-left: -85px;
     }

     .timeline>li .timeline-image h4 {
         margin-top: 40px;
     }

     .timeline>li.timeline-inverted>.timeline-panel {
         padding: 0 100px 20px 20px;
     }
 }

 .team-member {
     margin-bottom: 50px;
     text-align   : center;
 }

 .team-member img {
     margin: 0 auto;
     border: 7px solid #fff;
 }

 .team-member h4 {
     margin-top    : 25px;
     margin-bottom : 0;
     text-transform: none;
 }

 .team-member p {
     margin-top: 0;
 }

 aside.clients img {
     margin: 50px auto;
 }

 section#contact {
     background-color   : #545454;
     background-image   : url(../images/map-image.png);
     background-position: center;
     background-repeat  : no-repeat;
 }

 section#contact .section-heading {
     color        : #fff;
     margin-bottom: 25px;
 }

 section#contact .form-group {
     margin-bottom: 25px;
 }

 section#contact .form-group input,
 section#contact .form-group textarea {
     padding: 20px;
 }

 section#contact .form-group input.form-control {
     height: auto;
 }

 section#contact .form-group textarea.form-control {
     height: 236px;
 }

 section#contact .form-control:focus {
     border-color: #eea62d;
     box-shadow  : none;
 }

 section#contact::-webkit-input-placeholder {
     text-transform: uppercase;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight   : 700;
     color         : #bbb;
 }

 section#contact:-moz-placeholder {
     text-transform: uppercase;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight   : 700;
     color         : #bbb;
 }

 section#contact::-moz-placeholder {
     text-transform: uppercase;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight   : 700;
     color         : #bbb;
 }

 section#contact:-ms-input-placeholder {
     text-transform: uppercase;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight   : 700;
     color         : #bbb;
 }

 section#contact .text-danger {
     color      : #e74c3c;
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

 footer {
     position  : initial;
     width     : 100%;
     padding   : 25px 0;
     text-align: center;

     bottom: 0;

     .container {
         width: 100%;
     }
 }

 footer span.copyright {
     text-transform: uppercase;
     text-transform: none;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     line-height   : 40px;
 }

 footer ul.quicklinks {
     margin-bottom : 0;
     text-transform: uppercase;
     text-transform: none;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     line-height   : 40px;
 }

 .footer-menu {
     text-align: center;
 }

 .footer-copyright {
     color: #a7792b;
 }

 .footer-menu a {
     color         : #000;
     font-family   : Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     font-size     : 12px;
     cursor        : pointer;
     margin        : 10px 10px 0 10px;
 }

 ul.social-buttons {
     margin-bottom: 0;
 }

 ul.social-buttons li a {
     display           : block;
     width             : 40px;
     height            : 40px;
     border-radius     : 100%;
     font-size         : 20px;
     line-height       : 40px;
     outline           : 0;
     color             : #fff;
     background-color  : #222;
     -webkit-transition: all .3s;
     -moz-transition   : all .3s;
     transition        : all .3s;
 }

 ul.social-buttons li a:hover,
 ul.social-buttons li a:focus,
 ul.social-buttons li a:active {
     background-color: #eea62d;
 }

 .btn:focus,
 .btn:active,
 .btn.active,
 .btn:active:focus {
     outline: 0;
 }

 .portfolio-modal .modal-content {
     padding           : 100px 0;
     min-height        : 100%;
     border            : 0;
     border-radius     : 0;
     text-align        : center;
     background-clip   : border-box;
     -webkit-box-shadow: none;
     box-shadow        : none;
 }

 .portfolio-modal .modal-content h2 {
     margin-bottom: 15px;
     font-size    : 3em;
 }

 .portfolio-modal .modal-content p {
     margin-bottom: 30px;
 }

 .portfolio-modal .modal-content p.item-intro {
     margin     : 20px 0 30px;
     font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size  : 16px;
     font-style : italic;
 }

 .portfolio-modal .modal-content ul.list-inline {
     margin-top   : 0;
     margin-bottom: 30px;
 }

 .portfolio-modal .modal-content img {
     margin-bottom: 30px;
 }

 .portfolio-modal .close-modal {
     position        : absolute;
     top             : 25px;
     right           : 25px;
     width           : 75px;
     height          : 75px;
     background-color: transparent;
     cursor          : pointer;
 }

 .portfolio-modal .close-modal:hover {
     opacity: .3;
 }

 .portfolio-modal .close-modal .lr {
     z-index          : 1051;
     width            : 1px;
     height           : 75px;
     margin-left      : 35px;
     background-color : #222;
     -webkit-transform: rotate(45deg);
     -ms-transform    : rotate(45deg);
     transform        : rotate(45deg);
 }

 .portfolio-modal .close-modal .lr .rl {
     z-index          : 1052;
     width            : 1px;
     height           : 75px;
     background-color : #222;
     -webkit-transform: rotate(90deg);
     -ms-transform    : rotate(90deg);
     transform        : rotate(90deg);
 }

 .portfolio-modal .modal-backdrop {
     display: none;
     opacity: 0;
 }

 ::-moz-selection {
     text-shadow: none;
     background : #eea62d;
 }

 ::selection {
     text-shadow: none;
     background : #eea62d;
 }

 img::selection {
     background: 0 0;
 }

 img::-moz-selection {
     background: 0 0;
 }

 body {
     webkit-tap-highlight-color: #eea62d;
 }

 .sector-heading {
     font-size       : 1.5em;
     position        : absolute;
     bottom          : 25%;
     text-align      : center;
     color           : #FFF;
     left            : 0px;
     right           : 0px;
     margin-left     : auto;
     margin-right    : auto;
     padding         : 0 20px 0 20px;
     background-color: rgba(0, 0, 0, 0.7);
     margin          : auto 10% auto 10%;
     min-height      : 60px;
 }

 .sector-heading h4 {
     margin : auto;
     display: block;
 }

 .margin_seccion_40 {
     margin-top: 40px 0;
 }

 #contactForm label {
     color: #fff;
 }

 #contact h4 {
     color: #fff;
 }

 #clientes img {
     width            : 80%;
     vertical-align   : middle;
 }

 footer {
     background-color: #f3b03e;
 }

 .google-map {
     width : 100%;
     height: 400px;
 }

 .listado1 {
     list-style : none;
     font-weight: bold;
     text-align : left;
 }


 #overbox3 {
     position: fixed;
     bottom  : 0px;
     left    : 0px;
     width   : 100%;
     z-index : 999999;
     display : block;
 }

 #infobox3 {
     margin          : auto;
     position        : relative;
     top             : 0px;
     height          : 130px;
     padding         : 10px 10px 5px 10px;
     width           : 100%;
     text-align      : center;
     background-color: #333;
     display         : block;
 }

 #infobox3 p {

     font-size : 12px;
     text-align: center;
 }

 #infobox3 p a {
     margin-right   : 5px;
     text-decoration: underline;
 }

 .aceptar_cookies {
     background-color: #F3B040;
     color           : #000;
     border-radius   : 4px;
     padding         : 3px;
 }

 header.food .intro-text-pages .intro-heading {
     padding-top: 80px;
     font-size  : 48px;
     color      : #fff;
 }

 .border-right {
     border-right: 1px solid #acabab;
 }

 .border-left {
     border-left: 1px solid #acabab;
 }

 .border-bottom {
     border-bottom: 1px solid #acabab;
 }

 .border-top {
     border-top: 1px solid #acabab;
 }

 .padding-right-15 {
     padding-right: 15px;
 }

 .control-list {
     text-align: left;
     font-size : 16px;
 }

 .control-into-list a {
     border          : 1px solid #f3b03e;
     padding         : 10px;
     border-radius   : 4px;
     display         : block;
     text-align      : center;
     color           : #fff;
     background-color: #f3b03e;
     font-size       : 18px;
     font-weight     : bold;
     margin-top      : 10px;
     min-height      : 80px;
     text-transform  : uppercase;
 }

 .control-into-list a:hover {
     background-color: #ddd;
     color           : #f3b03e;
     text-decoration : none;
 }

 .home-btn a {
     color: #fff;
 }


 #scroll {
     position             : fixed;
     right                : 10px;
     bottom               : 10px;
     cursor               : pointer;
     width                : 50px;
     height               : 50px;
     background-color     : #f3b03e;
     text-indent          : -9999px;
     display              : none;
     -webkit-border-radius: 60px;
     -moz-border-radius   : 60px;
     border-radius        : 60px
 }

 #scroll span {
     position           : absolute;
     top                : 50%;
     left               : 50%;
     margin-left        : -8px;
     margin-top         : -12px;
     height             : 0;
     width              : 0;
     border             : 8px solid transparent;
     border-bottom-color: #ffffff;
 }

 #scroll:hover {
     background-color: #e74c3c;
     opacity         : 1;
     filter          : "alpha(opacity=100)";
     -ms-filter      : "alpha(opacity=100)";
 }

 .food-icons {
     width: 90%;
 }

 .conditions_table td {
     border : 1px solid #777;
     padding: 2px;
 }

 .gilac_list {
     text-align: left;
     font-size : 16px;
     color     : #ccc;
 }

 .myColumn {
     width: 12.3%;
 }

 .thumbnails {
     padding: 0;
     margin : 5px auto;
 }

 .myThumb {

     float       : left;
     margin-right: 5px;
     list-style  : none;
 }

 .myThumb img {
     width: 121px;
 }

 .categoriList {
     background-color: #fff;
     font-weight     : bold;
     padding         : 15px 5px 5px 5px;
     text-align      : center;
     height          : 75px;
     display         : table-cell;
     vertical-align  : middle;
     width           : 10000px;
 }

 .categoriList:hover {
     color: #666;
 }

 .categoriList:hover {
     box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
 }

 .product-list-item-wrapper {
     padding         : 20px;
     text-align      : center;
     background-color: #fff;
     width           : 100%;
     min-height      : 400px;
 }

 .product-list-item-wrapper:hover {
     cursor: pointer;
 }

 .thumbColorName,
 .thumbColorName:hover {
     font-size      : 11px;
     text-align     : center;
     text-decoration: none;
 }

 .pagination>li.active>a {

     background-color: #f3b03e;
     color           : #000 !important;
 }

 .pagination>li.active>a:hover {

     background-color: #f3b03e;
     color           : #000 !important;
 }

 .form-control-borderless {
     border: none;
 }

 .form-control-borderless:hover,
 .form-control-borderless:active,
 .form-control-borderless:focus {
     border    : none;
     outline   : none;
     box-shadow: none;
 }

 .produt_list_category {
     font-size: 12px;
     color    : #000;
     height   : 40px;
 }

 .sin_resultados {
     text-align: center;
     padding   : 100px 0 230px 0;
     color     : #f3b03e;
 }

 .home-btn {
     background-color: #212885 !important;
     border-color    : #212885 !important;
     color           : #fff !important;
 }
 
 .food-safety-logo-wrapper {
     background-color: #222493;
     padding: 14px;
 }

 .section-logo {
     padding: 20px 0 0;
     
     @media (max-width: 990px) and (min-width: 768px) {
        padding: 30px 0
     }
 }