@font-face {
  font-family:"Montserrat-Bold";
  src:url("../fonts/Montserrat-Bold.eot?") format("eot"),
  url("../fonts/Montserrat-Bold.woff") format("woff"),
  url("../fonts/Montserrat-Bold.ttf") format("truetype"),
  url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Montserrat-Regular";
  src:url("../fonts/Montserrat-Regular.eot?") format("eot"),
  url("../fonts/Montserrat-Regular.woff") format("woff"),
  url("../fonts/Montserrat-Regular.ttf") format("truetype"),
  url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Raleway Bold";
  src:url("../fonts/Raleway-Bold.eot?") format("eot"),
  url("../fonts/Raleway-Bold.woff") format("woff"),
  url("../fonts/Raleway-Bold.ttf") format("truetype"),
  url("../fonts/Raleway-Bold.svg#Raleway-Bold") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family: 'montserratblack';
  src: url('../fonts/montserrat-black-webfont.eot'),
       url('../fonts/montserrat-black-webfont.woff') format('woff'),
       url('../fonts/montserrat-black-webfont.ttf') format('truetype'),
       url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}


#contenedor{
  width:100%;
  font-family:"Montserrat-Regular";
  overflow:hidden;
  position:relative;
  font-size: 18px;
}

.pad{
  padding-left:0px;
  padding-right:0px;
}

.clear{
  clear:both;
}

.logo a {
  position: relative;
  float: left;
  z-index: 99999999;
}

#banner {
  margin-top:8%;
}


/* ==== Slider Style === */
.Modern-Slider .item .img-fill{
  background:#fff !important;
}

.Modern-Slider .item .img-fill .info{
  position:absolute;
  width:100%;
  height:100%;
  bottom: 28%;
  line-height:100vh;
  text-align:left;
  margin-left:246px;
}

.Modern-Slider .item .info > div{
  display:inline-block!important;
  vertical-align:middle;
}

.Modern-Slider .NextArrow{
  position:absolute;
  top:47%;
  right: 5%;
  width:84px;
  height:83px;
  background-color: transparent;
  border:0 none;
  margin-top:-22.5px;
  background-image: url(../img/flechas.webp);
  background-position: right;
  color:transparent;
  z-index:5;
}

.Modern-Slider .NextArrow:hover{
  background-image: url(../img/flechas-h.webp);
  background-position: right;
}

.Modern-Slider .NextArrow:before{
  content:'\f105';
}

.Modern-Slider .PrevArrow{
  position:absolute;
  top:47%;
  left:5%;
  width:84px;
  height:83px;
  background-color: transparent;
  border:0 none;
  margin-top:-22.5px;
  background-image: url(../img/flechas.webp);
  color:transparent;
  z-index:9999;
}

.Modern-Slider .PrevArrow:hover{
  background-image: url(../img/flechas-h.webp);
  background-position: left;
}

.Modern-Slider .PrevArrow:before{
  content:'\f104';
}

.Modern-Slider .slick-dots{
  position:absolute;
  height:5px;
  background:rgba(255,255,255,.20);
  bottom:0px;
  width:100%;
  left:0px;
  padding:0px;
  margin:0px;
  list-style-type:none;
}

.Modern-Slider .slick-dots li button{
  display:none;
}

.Modern-Slider .slick-dots li{
  float:left;
  width:0px;
  height:5px;
  background:#000;
  position:absolute;
  left:0px;
  bottom:0px;
}

.Modern-Slider .slick-dots li.slick-active{
  width:100%;
  animation:ProgressDots 11s both;
}

.Modern-Slider .item h3{
  font-family: 'montserratblack';
  color:#fff;
  font-size:48px;
  letter-spacing: 15px;
  margin-bottom: 2px;
}

.Modern-Slider .item h5{
  font-size: 32px;
  padding: 8px 40px;
  background-color: #2D6D31;
  border-radius: 10px;
  font-family:"Montserrat-Bold";
  color:#FFF;
}

.Modern-Slider .item h6 a{
  color: #fff !important;
  border-radius: 10px;
  border: 2px solid #fff;
  padding: 14px 17px;
  float: left;
  margin-top: 5%;
  text-decoration:none;
  font-size: 13px;
}

.Modern-Slider .item h6 a:hover{
  background-color:#d29b26;
  border: 2px solid #d29b26;
}

.Modern-Slider .item.slick-active h3{
  animation:fadeInDown 1s both 1s;
}

.Modern-Slider .item.slick-active h5{
  animation:fadeInLeft 1s both 1.5s;
}

.Modern-Slider .item.slick-active h6{
  animation:fadeInLeft 1s both 1.5s;
}

.Modern-Slider .item.slick-active h6{
  animation:fadeInLeft 1s both 2.3s;
}

.Modern-Slider .item.slick-active{
  animation:Slick-FastSwipeIn 1s both;
}

.Modern-Slider {background:#fff;}

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
    100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}

@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}

/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}

.slick-slider .slick-track,.slick-slider .slick-list{
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.slick-track{ 
  position:relative;
  top:0;left:0;
  display:block;
}

.slick-track:before,.slick-track:after{
  display:table;content:'';
}

.slick-track:after{
  clear:both;
}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}

.slick-vertical .slick-slide{
  display:block;
  height:auto;
  border:1px solid transparent;
}

/*CIERRA ESTILOS Modern-Slider*/

#barra-menu {
  background-color: #fff;
}

#datos_header{
  background-color:#E39C04;
}

.datos_header ul{
  float: right;
}

.datos_header ul li{
  color: #fff;
  font-size: 14px;
  float: left;
  margin-left: 26px;
}

.datos_header ul li a{
  color: #fff;
  line-height: 31px;
  padding-left: 3px;
}

.ico1 {
  background-image: url(../img/ico-cel.webp);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  float: left;
  width:33px;
  height: 36px;
}

.ico1xs {
  background-image: url(../img/ico-cel-xs.webp);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  float: left;
  width: 28px;
  height: 29px;
}

.ico2 {
  background-image: url(../img/ico-email.webp);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  float: left;
  width: 33px;
  height: 31px;
}

#calidad{
  background-image: url(../img/calidad/img.webp);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-bottom: 206px;
  padding-top: 65px;
}

.titulo-cont{
  padding-bottom: 55px;
}

.titulo-cont h1{
  background-image: url(../img/ico.webp);
  background-position: center;
  background-repeat: no-repeat;
  color: #EA9A03;
  text-align: center;
  font-size: 39px;
  padding: 23px 0px;
  font-family: 'montserratblack';
}

.titulo-cont h1 span{
  color: #2D6C33;
}

.titulo-cont  p{
  text-align: center;
  line-height: 23px;
}

.item-calidad{
  background-image: url(../img/calidad/bg.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.items-calidad h1{
  color: #fff;
  padding-top: 8px;
  font-size: 28px;
  text-align: center;
  font-family:"Montserrat-Bold";
}

.items-calidad{
  padding:76px 25px;
}

#home-productos{
  padding-top: 115px;
}

.link-productos{
  border-radius: 11px;
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 40px;
}

.text-lproductos {
  bottom: 0px;
  height: 100%;
  position: relative;
  text-align: center;
  padding-top: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-lproductos h2 {
  color: #fff;
  font-size: 28px;
  padding-bottom: 13px;
  font-family:"Montserrat-Bold";
}

.text-lproductos h3{
  font-size: 22px;
  padding-bottom: 14px;
  color: #fff;
}

.amp-producto {
  color:#E39C04;
  position: absolute;
  bottom: 61%;
  text-align: center;
  background-color: #2D6D31;
  border-radius: 9px;
  padding: 32px 13px;
  width: 89%;
}

.link-productos:hover .amp-producto{
  background-color:#E39C04;
  color: #2D6D31;
}

.items-productos{
  padding-top:68px;
}

#home-quienes{
  padding: 96px 0px;
}

.text-home-quienes{
  padding-left: 165px;
}

.text-home-quienes h1{
  font-family: 'montserratblack';
  font-size: 39px;
  color: #E39C06;
  padding-bottom: 16px;
  padding-top: 49px;
}

.text-home-quienes h1 span{
  color: #2D6D31;
}

.text-home-quienes p{
  line-height: 38px;
  padding-bottom: 45px;
}

.text-home-quienes a{
  background-color: #E39C04;
  font-size: 13px;
  color: #fff;
  border-radius: 10px;
  padding: 14px 18px;
  text-decoration: none;
  float: left;
  margin-bottom: 30px;
}

.text-home-quienes a:hover{
  background-color: #2C6D30;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
  z-index:9999;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999999;
}

.fancybox-skin {
  position: relative;
  background:transparent;
  color: #444;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 999999;
  }


.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../img/fancybox_sprite.webp');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 9999;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 99999;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 999999;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 99999;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index:9999;
  background: rgba(0, 0, 0, 0.9);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: -25px;
  margin-left: -15px;
  z-index:99999;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  width: 100%;
  float: left;
  position: relative;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: #000;
  color: #4286b0;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

#nuestras-marcas{
  padding: 80px 0px;
}

.proyecto {
  border-radius: 10px;
  float: left;
  position: relative;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.proyecto span{
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  font-family: 'montserratblack';
  align-items: center;
  color: #fff;
  font-size: 80px;
  height: 100%;
  background:rgba(0, 0, 0, 0.28);
}

.proyecto:hover .hover{
  opacity: 1;
}


footer{
  background-image: url(../img/bg-footer.webp);
  background-size: cover;
  padding: 43px 0px;
}

footer h1{
  color: #fff;
  font-family:"Montserrat-Bold";
  text-transform: uppercase;
  padding: 6px 30px;
  background-color:#2D6D31;
  border-radius: 10px;
  font-size: 22px;
  display:table;
  text-align:left;
}

footer p{
  color: #fff;
  font-size: 20px;
  line-height:23px;
  margin-top: 26px;
  display: flex;
}

footer ul{
  font-family:"Raleway Bold";
  margin-top: 14px;
  margin-left: 17px;
}

footer ul li a{
  color: #fff;
  font-size: 20px;
  line-height:37px;
}

footer ul li a:hover{
  color: #fff;
}

footer span {
  float: left;
  padding-right: 9px;
}

footer h2 a{
  color: #fff;
  background-image: url(../img/ver-sedes.webp);
  background-position: right;
  padding-right: 22px;
  text-transform: uppercase;
  font-family:"Raleway Bold";
  background-repeat: no-repeat;
  margin-top: 52px;
  float: left;
}

footer h2 a:hover{
  background-image: url(../img/ver-sedes-h.webp);
  color: #E2AD2B;
  text-decoration: none;
}

#web{
  background-color: #735D38;
  padding: 2px 0px;
  text-align:left;
}

#copy{
  text-align: right;
  padding: 14px 0px;
}

#copy a {
  background: url(../img/web.svg) no-repeat right;
  color:#ffffff24;
  padding-right: 124px;
  display: inline-block;
  font-size: 12px;
  text-decoration: none !important;
}

#redes{
  padding: 5px 0px;
}

#redes p {
  color: #fff;
  line-height: 25px;
  font-size: 14px;
  float: right;
}

#fb1{
  background: url(../img/redes.svg) no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  float: left;
  position: relative;
}

#fb1:hover{
  background: url(../img/redes-h.svg) no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  float: left;
  position: relative;
}

#ins1 {
  background: url(../img/redes.svg) 0px -27px no-repeat;
  background-size: cover;
  width: 24px;
  height: 25px;
  margin-right:8px;
  float: left;
  position: relative;
}

#ins1:hover {
  background: url(../img/redes-h.svg) 0px -27px no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  margin-right:8px;
  float: left;
  position: relative;
}

#you1{
  background: url(../img/redes.svg) 0px -55px no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  float: left;
  position: relative;
}

#you1:hover{
  background: url(../img/redes-h.svg) 0px -55px no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  float: left;
  position: relative;
}

#redes2 {
  float: right;
  margin-bottom: 41px;
}

#redes2 h2{
  color: #fff;
  font-family: "Montserrat-Bold";
  text-transform: uppercase;
  padding: 6px 30px;
  background-color: #2D6D31;
  border-radius: 10px;
  font-size: 22px;
  display: table;
  text-align: left;
  margin-bottom: 15px;
}

#fb{
  background: url(../img/redes.svg) no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
  margin-right: 10px;
  float: left;
  position: relative;
}

#fb:hover{
  background: url(../img/redes-h.svg) no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
  margin-right: 10px;
  float: left;
  position: relative;
}

#ins {
  background: url(../img/redes.svg) 0px -53px no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
  margin-right:10px;
  float: left;
  position: relative;
}

#ins:hover{
  background: url(../img/redes-h.svg) 0px -53px no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
  margin-right: 10px;
  float: left;
  position: relative;
}

#you{
  background: url(../img/redes.svg) 0px -106px no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
  float: left;
  position: relative;
}

#you:hover{
  background: url(../img/redes-h.svg) 0px -106px no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
  float: left;
  position: relative;
}

#titulo {
  padding-top: 223px;
  background-size: cover;
  margin-top: 9%;
}

#titulo h1 {
  color:#fff;
  font-size:48px;
  text-transform: uppercase;
  padding-bottom:82px;
  text-align: center;
  font-family: 'montserratblack';
}

#titulo h2{
  padding: 15px 5px;
  text-align: center;
  font-size: 28px;
  font-family:"Montserrat-Bold";
  color: #fff;
  background-color: #2D6D31;
}

.bg1 {
  background: url(../img/empresa/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg3a {
  background: url(../img/tejas/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg3b {
  background: url(../img/bloques/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg3c {
  background: url(../img/ladrillos/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg3d {
  background: url(../img/adoquin/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg3e {
  background: url(../img/fachadas/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg3f {
  background: url(../img/rusticos/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg3g {
  background: url(../img/bloquelon/bg.webp) no-repeat center top;
    background-size: auto;
}

.bg4 {
  background: url(../img/bg-contacto.webp) no-repeat center top;
    background-size: auto;
}


#quienes{
  padding: 105px 0px;
}

.text-quienes h1{
  font-family: 'montserratblack';
  font-size: 39px;
  color: #E39C06;
  padding-bottom: 16px;
  padding-top: 49px;
}

.text-quienes h1 span{
  color: #2D6D31;
}

.text-quienes p {
  line-height: 38px;
  padding-right: 55px;
  padding-bottom: 45px;
}

#especializamos{
  padding: 191px 0px;
  background: url(../img/empresa/bg-especializamos.webp) no-repeat center top;
  background-size: cover;
}

#especializamos h1{
  font-family: 'montserratblack';
  color: #E3A104;
  font-size: 39px;
  text-align: center;
  padding-bottom:85px;
}

#especializamos h2{
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-family:"Montserrat-Bold";
}

#vision{
  padding:109px 0px;
}

#text-vision{
  margin-bottom: 15px;
}

.text-vision{
  margin-top: 60px;
}

.text-vision h1{
  font-family: 'montserratblack';
  font-size: 39px;
  color: #E39C04;
  text-transform: uppercase;
  padding-bottom: 8px;
}

.text-vision h1 span{
  color: #2D6D31;
}

.text-vision p{
  line-height: 32px;
}

#productos{
  padding:74px 0px;
}

.text-productos{
  padding-left: 89px;
  margin-top: 63px;
}

.text-productos h1{
  font-family: 'montserratblack';
  color: #EA9A03;
  font-size: 39px;
}

.text-productos h1 span{
  color: #2D6C33;
}

.volver{
  padding-bottom: 88px;
  text-align: center;
  padding-top: 50px;
}

.volver a{
  font-family: "Montserrat-Bold";
  background: #E39C04;
  color: #fff;
  border-radius:8px;
  text-decoration: none;
  padding: 13px 75px;
  font-size: 13px
}

.volver a:hover{
  background: #2D6D31;
}

#contacto {
  padding: 87px 0px;
}

.text-contacto {
  padding-right: 243px;
  margin-top: 8%;
}

.text-contacto p{
  line-height: 36px;
  text-align: justify;
  padding-bottom: 49px;
}

#mapa {
  background: url(../img/bg-contacto.webp) no-repeat center top;
  background-size: cover;
  padding: 165px 0px;
}

#mapa h1{
  color: #fff;
  font-family: 'montserratblack';
  font-size: 28px;
  padding-bottom: 15px;
}

#map{
  border-radius: 12px;
  border: 2px solid #E39C04;
  height:340px;
}

.ampliar {
  color: #fff;
  position: absolute;
  right: 3%;
  bottom: 14px;
  text-decoration: none;
  margin-top: 53px;
}

.ampliar h2{
  font-size: 24px;
  padding:4px 6px;
  background-color:#2D6D31;
  text-align: right;
  text-decoration: none !important;
}

.ampliar h3{
  background-color: #E39C04;
  font-size: 24px;
  padding:4px 6px 4px 18px;
  text-decoration: none !important;
}


.ampliar:hover, h2 h3:hover{
  color: #fff;
  background-color: #000 !important;
}








/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 991px) and (min-width:200px){

  #barra-menu{
    background-color: #fff;
  }

  #navbar a{
    padding: 5px;
    text-decoration: none;
    border: none;
    text-align: center;
    background-color: transparent;
    width: 100%;
    color: #1B345C;
    float: left;
    position: relative;
    display:inline-block;
    font-family:"Raleway Bold";
    border-bottom: 1px solid #1b345c47;
  }

  #menu2 .selec{
    text-decoration: none;
    color:#E3AE2C !important;
    border-bottom: solid 2px #E3AE2C;
  }

  #menu2 .selec2 {
    text-decoration: none;
    color: #fff;
    background-color:#E3AE2C;
  }

  .navbar-default{
    background-color: transparent;
    border: none;
  }

  #navbar li{
    width: 100%;
    display: inline-block;
    margin: 0px 0px 0px 74px;
  }

  #navbar a:hover{
    text-decoration: none;
    border-bottom: 2px solid #E3AE2C;
  }

  .navbar-header {
    float: none;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-right: 0px;
  }

  nav .me{
    color: #000;
    font-size: 15px;
    padding-bottom: 10px;
  }

  .navbar-nav{
    margin: 0px;
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #000;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 44px;
    height: 1px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color: #fff0;
    max-height:100%;
  }

  #navbar li{
    width: 100%;
    margin:0px;
  }

}






/*----------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 320px) {

  #menu2{
    margin-top: -21%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 67px;
    float: left;
  }

  .titulo-cont h1{
    font-size: 29px;
  }

  .text-lproductos h2{
    font-size: 19px;
  }

  .text-home-quienes h1{
    font-size: 29px;
  }

  .text-home-quienes p{
    font-size: 16px;
    line-height: 24px;
  }

  .titulo-cont p{
    font-size: 15px;
  }

  .text-home-quienes{
    padding-left:10px;
  }

  footer h1{
    margin-top: 15px;
    font-size: 17px;
  }

  footer p{
    font-size: 16px;
    margin-top: 19px;
  }

  #redes2 h2{
    margin-top: 10px;
    font-size: 17px;
  }

  .amp-producto{
    padding: 12px 7px;
  }

  #home-productos {
    padding-top: 65px;
  }

  .items-calidad h1{
    font-size: 24px;
  }

  .items-calidad {
    padding: 32px 25px;
  }

  #banner {
    margin-top: 51%;
  }

  
  #redes2 {
    float: left;
    margin-bottom: 10px;
  }

  #titulo{
    margin-top: 54%;
    padding-top: 130px;
  }

  #titulo h1{
    font-size: 31px;
  }

  #quienes {
    padding: 41px 0px;
  }

  #titulo h2{
    font-size: 21px;
  }

  .text-quienes p{
    font-size: 16px;
    line-height: 23px;
    padding-right: 8px;
  }

  #especializamos h1{
    font-size: 20px;
  }

  #especializamos{
    padding: 119px 0px;
  }

  .text-vision h1{
    font-size: 30px;
  }

  .text-vision p {
    line-height: 25px;
    padding-bottom: 29px;
    font-size: 16px;
  }

  .text-productos{
    padding-left: 16px;
  }

  .text-productos h1{
    font-size: 25px;
  }

  .heading2{
    font-size: 19px !important;
  }

  .contents2{
    line-height: 21px !important;
    font-size: 16px !important;
  }

  .heading2::before{
    margin-top: -1px !important;
  }

  .accordion2{
    margin-right: 4px !important;
  }

  .text-contacto{
    padding-right: 0px;
    margin-top: 2%;
  }

  #mapa{
    padding: 106px 0px;
  }

  .text-contacto p{
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }

  #mapa h1{
    margin-top: 32px;
    font-size: 24px;
  }

  #map{
    height: 272px;
  }



}


/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 340px) and (min-width:321px){


  #menu2{
    margin-top: -21%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 67px;
    float: left;
  }

  .titulo-cont h1{
    font-size: 29px;
  }

  .text-lproductos h2{
    font-size: 19px;
  }

  .text-home-quienes h1{
    font-size: 29px;
  }

  .text-home-quienes p{
    font-size: 16px;
    line-height: 24px;
  }

  .titulo-cont p{
    font-size: 15px;
  }

  .text-home-quienes{
    padding-left:10px;
  }

  footer h1{
    margin-top: 15px;
    font-size: 17px;
  }

  footer p{
    font-size: 16px;
    margin-top: 19px;
  }

  #redes2 h2{
    margin-top: 10px;
    font-size: 17px;
  }

  .amp-producto{
    padding: 12px 7px;
  }

  #home-productos {
    padding-top: 65px;
  }

  .items-calidad h1{
    font-size: 24px;
  }

  .items-calidad {
    padding: 32px 25px;
  }

  #banner {
    margin-top: 51%;
  }

  
  #redes2 {
    float: left;
    margin-bottom: 10px;
  }

  #titulo{
    margin-top: 54%;
    padding-top: 130px;
  }

  #titulo h1{
    font-size: 31px;
  }

  #quienes {
    padding: 41px 0px;
  }

  #titulo h2{
    font-size: 21px;
  }

  .text-quienes p{
    font-size: 16px;
    line-height: 23px;
    padding-right: 8px;
  }

  #especializamos h1{
    font-size: 20px;
  }

  #especializamos{
    padding: 119px 0px;
  }

  .text-vision h1{
    font-size: 30px;
  }

  .text-vision p {
    line-height: 25px;
    padding-bottom: 29px;
    font-size: 16px;
  }

  .text-productos{
    padding-left: 16px;
  }

  .text-productos h1{
    font-size: 25px;
  }

  .heading2{
    font-size: 19px !important;
  }

  .contents2{
    line-height: 21px !important;
    font-size: 16px !important;
  }

  .heading2::before{
    margin-top: -1px !important;
  }

  .accordion2{
    margin-right: 4px !important;
  }

  .text-contacto{
    padding-right: 0px;
    margin-top: 2%;
  }

  #mapa{
    padding: 106px 0px;
  }

  .text-contacto p{
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }

  #mapa h1{
    margin-top: 32px;
    font-size: 24px;
  }

  #map{
    height: 272px;
  }



}




/*--------------------------------------------------------------------------------------------------*/


@media (max-width:380px) and (min-width:341px){

  #menu2{
    margin-top: -21%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 67px;
    float: left;
  }

  #banner {
    margin-top: 35%;
  }

  .titulo-cont h1{
    font-size: 25px;
  }

  .titulo-cont p{
    font-size: 16px;
  }

  .items-calidad {
    padding: 43px 25px;
  }

  .items-calidad h1{
    font-size: 23px;
  }

  .text-lproductos h2{
    font-size: 19px;
  }

  .amp-producto{
    padding: 23px 13px;
  }

  .text-home-quienes {
    padding-left: 13px;
  }

  .text-home-quienes h1{
    font-size: 32px;
  }

  .text-home-quienes p{
    font-size: 16px;
    line-height: 26px;
  }

  footer h1{
    font-size: 17px;
    margin-top: 14px;
  }

  footer p{
    font-size: 16px;
    line-height: 21px;
  }

  #redes2{
    margin-bottom: 15px;
  }

  #redes2 h2{
    font-size: 17px;
    margin-top: 14px;
  }

  #titulo{
    padding-top: 141px;
    margin-top: 44%;
  }

  #titulo h1{
    font-size: 29px;
  }

  #titulo h2{
    font-size: 19px;
  }

  .text-quienes h1{
    font-size: 33px;
  }

  .text-quienes p{
    line-height: 25px;
    padding-right: 6px;
    font-size: 17px;
  }

  #especializamos h1{
    font-size: 21px;
  }

  #especializamos{
    padding: 130px 0px;
  }

  .text-vision h1{
    font-size: 28px;
  }

  .text-vision p{
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 19px;
  }

  .text-productos{
    padding-left: 13px;
  }

  .text-productos h1{
    font-size: 27px;
  }

  .accordion2{
    margin-right: 5px !important;
  }

  .heading2{
    font-size: 21px !important;
  }
  .contents2{
    font-size: 17px !important;
    line-height: 24px !important;
  }

  .text-contacto{
    padding-right: 3px;
  }

  .text-contacto p{
    font-size: 16px;
    line-height: 24px;
  }

  #mapa h1{
    margin-top: 35px;
  }

  #mapa{
    padding: 106px 0px;
  }

  .datos_header ul li{
    font-size: 12px;
    margin-left: 4px;
  }

  .datos_header ul li a{
    padding-left: 1px;
  }


}




/*------------------------------------------------------------------*/

@media (max-width:420px) and (min-width:381px){

  #menu2{
    margin-top: -21%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 80px;
    float: left;
  }

  #banner {
    margin-top: 36%;
  }

  .datos_header ul li{
    margin-left: 6px;
    font-size: 12px;
  }

  .titulo-cont h1{
    font-size: 28px;
  }

  .items-calidad {
    padding: 44px 25px;
  }

  .items-calidad h1{
    font-size: 24px;
  }

  .text-lproductos h2{
    font-size: 21px;
  }

  .text-home-quienes {
    padding-left: 19px;
  }

  .text-home-quienes h1{
    font-size: 32px;
  }

  .text-home-quienes p{
    font-size: 17px;
    line-height: 28px;
  }

  footer h1{
    margin-top: 18px;
    font-size: 19px;
  }

  #mapa{
    padding: 114px 0px;
  }

  #mapa h1{
    margin-top: 43px;
    font-size: 25px;
  }

  .accordion2{
    margin-right: -1px !important;
  }

  .text-contacto{
    padding-right: 3px;
  }

  .text-contacto p{
    line-height: 27px;
    font-size: 16px;
  }

  .heading2{
    font-size: 22px !important;
  }

  .text-productos{
    padding-left: 15px;
  }

  .text-productos h1{
    font-size: 29px;
  }

  #redes2 h2{
    margin-top: 18px;
    font-size: 19px;
  }
  
  footer p{
    font-size: 18px;
  }

  #titulo h1{
    font-size: 32px;
  }

  #titulo h2{
    font-size: 22px;
  }

  #titulo{
    padding-top: 144px;
    margin-top: 35%;
  }

  .text-quienes p{
    line-height: 26px;
    padding-right: 16px;
    font-size: 17px;
  }

  .amp-producto{
    padding: 12px 13px;
  }

  .text-quienes h1{
    font-size: 36px;
    padding-top: 0px;
  }

  #especializamos h1{
    font-size: 23px;
  }

  #especializamos{
    padding: 127px 0px;
  }

  .text-vision h1{
    font-size: 29px;
  }
 
}




/*------------------------------------------------------------------------------------------*/

@media (max-width:460px) and (min-width:421px){

  #menu2{
    margin-top: -18%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 89px;
    float: left;
  }

  .datos_header ul li{
    margin-left: 14px;
  }

  #banner {
    margin-top: 35%;
  }

  .titulo-cont h1{
    font-size: 30px;
    padding: 35px 0px;
  }

  .items-calidad {
    padding: 41px 25px;
  }
  
  .text-vision p{
    line-height: 25px;
    font-size: 17px;
    padding-bottom: 45px;
  }

  .text-home-quienes {
    padding-left: 20px;
  }

  .text-home-quienes p{
    line-height: 29px;
  }

  .text-home-quienes h1{
    font-size: 34px;
  }

  footer h1{
    margin-top: 18px;
  }

  #redes2 h2{
    margin-top: 18px;
  }

  footer p{
    font-size: 18px;
  }

  #titulo h1{
    font-size: 34px;
  }

  .text-quienes p{
    padding-right: 2px;
    line-height: 30px;
  }

  #especializamos h1{
    font-size: 16x;
  }

  .text-vision h1{
    font-size: 31px;
  }

  #titulo h2{
    font-size: 25px;
  }

  .text-lproductos h2{
    font-size: 23px;
  }

  .amp-producto{
    padding: 16px 13px;
  }

  .text-productos{
    padding-left: 16px;
  }

  .text-productos h1{
    font-size: 30px;
  }

  .accordion2{
    margin-right: 0px !important;
  }

  .text-contacto{
    padding-right: 1px;
  }

  .text-contacto p{
    line-height: 29px;
  }

  #mapa h1{
    margin-top: 29px;
  }

  

}



/*-----------------------------------------------------------------------------------*/

@media (max-width:500px) and (min-width:461px){

  #menu2{
    margin-top: -18%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 89px;
    float: left;
  }

  #banner {
    margin-top: 35%;
  }

  .titulo-cont h1{
    font-size: 35px;
  }

  .items-calidad {
    padding: 54px 25px;
  }

  .text-home-quienes {
    padding-left: 24px;
  }

  .text-home-quienes p{
    line-height: 29px;
  }

  footer h1{
    margin-top: 17px;
    font-size: 19px;
  }

  #redes2 h2{
    font-size: 19px;
    margin-top: 17px;
  }

  #titulo{
    margin-top: 32%;
    padding-top: 177px;
  }

  #titulo h1{
    font-size: 34px;
  }

  .text-quienes p{
    padding-right: 1px;
    line-height: 27px;
    font-size: 17px;
  }

  .text-quienes h1{
    padding-top: 0px;
  }

  #especializamos h1{
    font-size: 29px;
  }

  .text-vision h1{
    font-size: 33px;
  }

  .text-vision p{
    font-size: 17px;
    line-height: 27px;
    padding-bottom: 45px;
  }

  footer p{
    font-size: 19px;
  }

  .amp-producto{
    padding: 17px 13px;
  }

  .text-lproductos h2{
    font-size: 24px;
  }

  .text-productos{
    padding-left: 16px;
  }

  .text-productos h1{
    font-size: 30px;
  }

  .accordion2{
    margin-right: 1px !important;
  }

  .text-contacto{
    padding-right: 1px;
  }

  .text-contacto p{
    line-height: 30px;
  }

  #mapa h1{
    margin-top: 36px;
  }

  .text-home-quienes h1{
    font-size: 32px;
  }
  

}




/*------------------------------------------------------------------------------------------*/

@media (max-width:600px) and (min-width:501px){

  #menu2{
    margin-top: -18%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 89px;
    float: left;
  }

  #banner {
    margin-top: 26%;
  }

  .titulo-cont h1{
    font-size: 35px;
    padding: 28px 0px;
  }

  .items-calidad {
    padding: 54px 25px;
  }

  .text-home-quienes {
    padding-left: 24px;
  }

  .text-home-quienes p{
    line-height: 29px;
  }

  footer h1{
    margin-top: 17px;
    font-size: 19px;
  }

  #redes2 h2{
    font-size: 19px;
    margin-top: 17px;
  }

  #titulo{
    margin-top: 32%;
    padding-top: 177px;
  }

  #titulo h1{
    font-size: 34px;
  }

  .text-quienes p{
    padding-right: 1px;
    line-height: 27px;
    font-size: 17px;
  }

  .text-quienes h1{
    padding-top: 0px;
  }

  #especializamos h1{
    font-size: 29px;
  }

  .text-vision h1{
    font-size: 33px;
  }

  .text-vision p{
    font-size: 17px;
    line-height: 27px;
    padding-bottom: 45px;
  }

  footer p{
    font-size: 19px;
  }

  .amp-producto{
    padding: 17px 13px;
  }

  .text-lproductos h2{
    font-size: 24px;
  }

  .text-productos{
    padding-left: 16px;
  }

  .text-productos h1{
    font-size: 30px;
  }

  .accordion2{
    margin-right: 1px !important;
  }

  .text-contacto{
    padding-right: 1px;
  }

  .text-contacto p{
    line-height: 30px;
  }

  #mapa h1{
    margin-top: 36px;
  }

  .text-home-quienes h1{
    font-size: 32px;
  }
  
  
}


/*-----------------------------------------------------------------------------------*/

@media (max-width:700px) and (min-width:601px){

  #menu2{
    margin-top: -13%;
    margin-bottom: 0px;
  }

  .img2 {
    width: 89px;
    float: left;
  }

  #banner {
    margin-top: 21%;
  }

  .titulo-cont h1{
    padding: 27px 0px;
    font-size: 32px;
  }

  .items-calidad {
    padding: 37px 21px;
  }

  .items-calidad h1{
    font-size: 25px;
  }

  .text-home-quienes {
    padding-left: 17px;
  }

  .text-home-quienes p{
    line-height: 30px;
  }

  footer h1{
    margin-top: 19px;
  }

  #redes2 h2{
    margin-top: 19px;
  }

  footer p{
    font-size: 19px;
  }

  #titulo{
    padding-top: 186px;
    margin-top: 25%;
  }

  #titulo h1{
    font-size: 40px;
  }

  .text-quienes p{
    line-height: 32px;
    padding-right: 8px;
  }

  #especializamos h1{
    font-size: 34px;
  }

  .text-vision p{
    margin-bottom: 37px;
  }

  .text-productos{
    padding-left: 16px;
  }

  .accordion2{
    margin-right: 2px !important;
  }

  .text-contacto{
    padding-right: 1px;
  }

  .text-contacto p{
    line-height: 31px;
  }

  #mapa h1{
    margin-top: 36px;
  }

  


}




/*-------------------------------------------------------------------------------*/

@media (max-width:767px) and (min-width:701px){

  #menu2{
    margin-top: -13%;
    margin-bottom: 0px;
  }

  .img2 {
    width:98px;
    float: left;
  }

  #banner {
    margin-top: 23%;
  }

  .titulo-cont h1{
    font-size: 37px;
    padding: 31px 0px;
  }

  .items-calidad {
    padding: 32px 25px;
  }

  .text-home-quienes {
    padding-left: 28px;
  }

  .text-home-quienes p{
    line-height: 29px;
  }

  footer h1{
    margin-top: 18px;
  }

  #redes2 h2{
    margin-top: 18px;
  }

  #titulo{
    margin-top: 23%;
  }

  #titulo h1{
    font-size: 41px;
  }

  .text-quienes p{
    padding-right: 6px;
    line-height: 30px;
  }

  .text-vision p{
    margin-bottom: 28px;
  }

  .text-productos{
    padding-left: 24px;
  }

  .accordion2{
    margin-right: 7px !important;
  }

  .text-productos h1{
    font-size: 34px;
  }

  .text-contacto{
    padding-right: 1px;
  }

  .text-contacto p{
    line-height: 31px;
  }

  #mapa h1{
    margin-top: 41px;
  }

  

}


/*-------------------------------------------------------------------------------------*/

@media (max-width:800px) and (min-width:768px){

  #menu2{
    margin-top: -9%;
    margin-bottom: 0px;
  }

  .img2 {
    width:98px;
    float: left;
  }

  #banner {
    margin-top: 18%;
  }

  .items-calidad h1{
    font-size: 21px;
  }

  .titulo-cont h1{
    font-size: 31px;
  }

  .items-calidad {
    padding: 53px 25px;
  }

  .text-lproductos h2{
    font-size: 23px;
  }

  footer h1{
    font-size: 19px;
  }

  footer p{
    font-size: 17px;
  }

  #redes2 h2{
    font-size: 19px;
    margin-top: 33px;
  }

  .text-home-quienes {
    padding-left: 15px;
  }

  .text-home-quienes p{
    line-height: 33px;
  }

  #titulo{
    margin-top: 21%;
    padding-top: 140px;
  }

  #titulo h1{
    font-size: 41px;
  }

  .text-quienes h1{
    padding-top: 0px;
  }

  .text-quienes p{
    line-height: 30px;
    padding-right: 9px;
  }

  #especializamos{
    padding: 121px 0px;
  }

  .text-vision {
    margin-top: 17px;
  }

  .text-vision h1{
    font-size: 30px;
  }

  .text-vision p {
    line-height: 26px;
    font-size: 17px;
  }

  #text-vision {
    margin-bottom: 36px;
  }

  .text-productos {
    padding-left: 12px;
    margin-top: 32px;
  }

  .text-productos h1{
    font-size: 29px;
  }

  .accordion2{
    margin-right: 2px !important;
  }

  .text-contacto {
    padding-right: 8px;
    margin-top:4%;
  }

  .text-contacto p{
    font-size: 16px;
    line-height: 26px;
  }

  #mapa h1{
    padding-top: 65px;
  }

  

}




/*--------------------------------------------------------------*/

@media (max-width:880px) and (min-width:801px){

  #menu2{
    margin-top: -9%;
    margin-bottom: 0px;
  }

  #banner {
    margin-top: 18%;
  }

  .img2 {
    width:98px;
    float: left;
  }

  .items-calidad h1{
    font-size: 20px;
  }

  .text-home-quienes {
    padding-left: 18px;
  }

  #redes2 h2{
    margin-top: 16px;
  }

  footer p{
    font-size: 18px;
  }

  #titulo{
    margin-top: 20%;
    padding-top: 182px;
  }

  .text-quienes p{
    padding-right: 0px;
  }

  .text-vision {
    margin-top: 13px;
  }

  .text-vision h1{
    font-size: 32px;
  }

  #text-vision {
    margin-bottom: 27px;
  }

  .text-productos {
    padding-left: 4px;
    margin-top: 53px;
  }

  .text-productos h1{
    font-size: 29px;
  }

  .accordion2{
    margin-right: 0px !important;
  }

  .text-contacto{
    padding-right: 3px;
  }

  .text-contacto p{
    font-size: 16px;
    line-height: 28px;
  }

  #mapa h1{
    margin-top: 29px;
  }

  .text-lproductos h2{
    font-size: 24px;
  }

  .amp-producto{
    padding: 25px 13px;
  }


  
}


/*--------------------------------------------------------------*/

@media (max-width:991px) and (min-width:881px){

  #menu2{
    margin-top: -8%;
    margin-bottom: 0px;
  }

  .img2 {
    width:98px;
    float: left;
  }

  #banner {
    margin-top: 14%;
  }

  .items-calidad h1{
    font-size: 26px;
  }

  .text-home-quienes {
    padding-left: 16px;
  }

  #redes2 h2{
    margin-top: 20px;
  }

  footer p{
    font-size: 18px;
  }

  #titulo{
    padding-top: 177px;
    margin-top: 18%;
  }

  .text-quienes p{
    padding-right: 1px;
    line-height: 29px;
  }

  .text-vision {
    margin-top: 33px;
  }

  .text-vision h1{
    font-size: 31px;
  }

  .text-vision p {
    line-height: 28px;
  }

  #text-vision {
    margin-bottom: 38px;
  }

  .text-productos{
    padding-left: 11px;
  }

  .text-productos h1{
    font-size: 33px;
  }

  .accordion2{
    margin-right: 0px !important;
  }

  .text-contacto{
    margin-top: 4%;
    padding-right: 30px;
  }

  .text-contacto p{
    line-height: 27px;
    font-size: 17px;
  }

  #mapa h1{
    padding-top: 65px;
  }

}



/*--------------------------------------------------------------*/

@media (max-width:1000px) and (min-width:992px){

  #menu .navbar-nav > li > a{
    margin: 23px 24px !important;
  }

  .mega-dropdown-menu{
    left: 47% !important;
    top: 85% !important;
  }

  .img2 {
    width:112px;
    float: left;
  }

  #banner {
    margin-top: 16%;
  }

  .Modern-Slider .item .img-fill .info{
    bottom:84%;
    margin-left: 172px;
  }

  .Modern-Slider .item h3{
    font-size: 40px;
  }

  .Modern-Slider .item h5{
    font-size: 24px;
  }

  .Modern-Slider .item h6 a{
    padding: 9px 17px;
  }

  .items-calidad h1{
    font-size: 22px;
  }

  .text-lproductos h2{
    font-size: 22px;
  }

  .text-home-quienes {
    padding-left: 16px;
  }

  .text-home-quienes h1{
    font-size: 30px;
  }

  .text-home-quienes p{
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 17px;
  }

  #home-quienes {
    padding: 41px 0px;
  }

  footer h1{
    font-size: 20px;
  }

  footer p{
    font-size: 17px;
  }

  #titulo{
    margin-top: 19%;
  }

  .text-quienes h1{
    font-size: 33px;
    padding-bottom: 16px;
    padding-top: 4px;
  }

  .text-quienes p{
    line-height: 25px;
    padding-right: 19px;
    padding-bottom: 15px;
    font-size: 16px;
  }

  #especializamos{
    padding: 126px 0px;
  }

  .text-vision h1{
    font-size: 21px;
  }

  .text-vision p {
    line-height: 17px;
    font-size: 13px;
  }

  .text-vision {
    margin-top: 10px;
  }

  .amp-producto{
    padding: 20px 15px;
  }

  .text-productos{
    padding-left: 21px;
  }

  .text-productos h1{
    font-size: 35px;
  }

  .accordion2{
    margin-right: 8px !important;
  }

  .text-contacto {
    padding-right: 29px;
    margin-top: 4%;
  }

  .text-contacto p{
    line-height: 31px;
  }


}



/*--------------------------------------------------------------*/

@media (max-width:1100px) and (min-width:1001px){

  #menu .navbar-nav > li > a{
    margin: 23px 24px !important;
  }

  .mega-dropdown-menu{
    left: 46% !important;
    top: 85% !important;
  }

  .img2 {
    width:112px;
    float: left;
  }

  #banner {
    margin-top: 14%;
  }

  .Modern-Slider .item .img-fill .info{
    bottom:84%;
    margin-left: 172px;
  }

  .Modern-Slider .item h3{
    font-size: 37px;
  }

  .Modern-Slider .item h5{
    font-size: 24px;
  }

  .Modern-Slider .item h6 a{
    padding: 9px 17px;
  }

  .items-calidad h1{
    font-size: 22px;
  }

  .text-lproductos h2{
    font-size: 22px;
  }

  .text-home-quienes {
    padding-left: 16px;
  }

  .text-home-quienes h1{
    font-size: 30px;
  }

  .text-home-quienes p{
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 17px;
  }

  #home-quienes {
    padding: 41px 0px;
  }

  footer h1{
    font-size: 20px;
  }

  footer p{
    font-size: 17px;
  }

  #titulo{
    margin-top: 19%;
  }

  .text-quienes h1{
    font-size: 33px;
    padding-bottom: 16px;
    padding-top: 4px;
  }

  .text-quienes p{
    line-height: 25px;
    padding-right: 19px;
    padding-bottom: 15px;
    font-size: 16px;
  }

  #especializamos{
    padding: 126px 0px;
  }

  .text-vision h1{
    font-size: 21px;
  }

  .text-vision p {
    line-height: 17px;
    font-size: 13px;
  }

  .text-vision {
    margin-top: 10px;
  }

  .amp-producto{
    padding: 20px 15px;
  }

  .text-productos{
    padding-left: 21px;
  }

  .text-productos h1{
    font-size: 35px;
  }

  .accordion2{
    margin-right: 8px !important;
  }

  .text-contacto {
    padding-right: 29px;
    margin-top: 4%;
  }

  .text-contacto p{
    line-height: 31px;
  }
 


}



/*---------------------------------------------------------------------*/

@media (max-width:1199px) and (min-width:1101px){

  
  #menu .navbar-nav > li > a{
    margin: 23px 24px !important;
  }

  .mega-dropdown-menu{
    left: 47% !important;
    top: 85% !important;
  }

  .img2 {
    width:112px;
    float: left;
  }

  #banner {
    margin-top: 15%;
  }

  .Modern-Slider .item .img-fill .info{
    bottom:71%;
    margin-left: 172px;
  }

  .Modern-Slider .item h3{
    font-size: 40px;
  }

  .Modern-Slider .item h5{
    font-size: 24px;
  }

  .items-calidad h1{
    font-size: 25px;
  }

  .text-lproductos h2{
    font-size: 25px;
  }

  .text-home-quienes {
    padding-left: 18px;
  }

  .text-home-quienes p{
    line-height: 27px;
    font-size: 17px;
    padding-bottom: 23px;
  }

  .text-home-quienes h1{
    font-size: 31px;
  }

  #home-quienes {
    padding: 59px 0px;
  }

  footer p{
    font-size: 17px;
  }

  footer h1{
    font-size: 20px;
  }

  #redes2 h2{
    font-size: 20px;
  }

  .text-quienes p{
    line-height: 29px;
    padding-right: 29px;
  }


  .text-quienes h1{
    padding-top: 7.7px;
  }

  .text-vision {
    margin-top: 7px;
  }

  .text-vision h1{
    font-size: 26px;
  }

  .text-vision p {
    line-height: 20px;
    font-size: 14px;
  }

  .text-productos h1{
    font-size: 34px;
  }

  .text-productos{
    padding-left: 27px;
  }

  .accordion2{
    margin-right: 20px !important;
  }

  .text-contacto{
    padding-right: 34px;
    margin-top: 6%;
  }

  .Modern-Slider .item h6 a{
    padding: 11px 17px;
  }

  
}


/*---------------------------------------------------------*/

@media (max-width:1300px) and (min-width:1200px){

  #menu .navbar-nav > li > a{
    margin: 23px 24px !important;
  }
  
  .mega-dropdown-menu {
    left: 46% !important;
    top: 85% !important;
  }

  .img2 {
    width:112px;
    float: left;
  }

  #banner {
    margin-top:14%;
  }

  .Modern-Slider .item .img-fill .info{
    bottom:62%;
    margin-left: 172px;
  }

  .Modern-Slider .item h3{
    font-size: 40px;
  }

  .Modern-Slider .item h5{
    font-size: 24px;
  }

  .items-calidad h1{
    font-size:23px;
  }

  .text-lproductos h2{
    font-size:23px;
  }

  .amp-producto{
    padding: 20px 13px;
  }

  .text-home-quienes {
    padding-left: 18px;
  }

  .text-contacto p{
    line-height: 31px;
  }

  .text-home-quienes p{
    line-height: 27px;
    font-size: 17px;
    padding-bottom: 23px;
  }

  .text-home-quienes h1{
    font-size: 31px;
  }

  #home-quienes {
    padding: 59px 0px;
  }

  footer p{
    font-size: 17px;
    margin-top: 19px;
  }

  footer h1{
    font-size: 20px;
  }

  #redes2 h2{
    font-size: 20px;
  }

  .text-quienes p{
    padding-right: 29px;
    line-height: 25px;
    font-size: 17px;
  }

  .text-quienes h1{
    padding-top: 7.7px;
  }

  .text-vision {
    margin-top: 7px;
  }

  .text-vision h1{
    font-size: 26px;
  }

  .text-vision p {
    line-height: 20px;
    font-size: 14px;
  }

  .text-productos h1{
    font-size: 34px;
  }

  .text-productos{
    padding-left: 27px;
  }

  .accordion2{
    margin-right: 20px !important;
  }

  .text-contacto{
    padding-right: 34px;
    margin-top: 4%;
  }

  .Modern-Slider .item h6 a{
    padding: 11px 17px;
  }

  #fb{
    margin-right: 4px;
    width: 39px;
    height: 39px;
  }

  #fb:hover{
    width: 39px;
    height: 39px;
    margin-right: 4px;
  }

  #ins{
    margin-right: 4px;
    width: 39px;
    height: 39px;
    background-position: 0px -45px;
  }

  #ins:hover{
    width: 39px;
    height: 39px;
    margin-right: 4px;
    background-position: 0px -45px;
  }

  #you{
    background-position:0px -90px;
    width: 39px;
    height: 39px;
  }

  #you:hover{
    background-position:0px -90px;
    width: 39px;
    height: 39px;
  }

  #titulo{
    padding-top: 187px;
    margin-top: 15%;
  }

}


/*---------------------------------------------------------*/

@media (max-width:1400px) and (min-width:1301px){

  #menu .navbar-nav > li > a{
    margin: 23px 24px !important;
  }

  .mega-dropdown-menu {
    left: 47% !important;
    top: 85% !important;
  }

  .img2 {
    width:112px;
    float: left;
  }

  #banner {
    margin-top:13%;
  }

  .Modern-Slider .item .img-fill .info{
    bottom: 51%;
    margin-left: 194px;
  }

  .Modern-Slider .item h3{
    font-size: 42px;
  }

  .Modern-Slider .item h5{
    font-size: 24px;
  }

  .items-calidad h1{
    font-size:23px;
  }

  .text-lproductos h2{
    font-size:23px;
  }

  .amp-producto{
    padding: 20px 13px;
  }

  .text-home-quienes {
    padding-left: 18px;
  }

  .text-home-quienes p{
    line-height: 27px;
    font-size: 17px;
    padding-bottom: 23px;
  }

  .text-home-quienes h1{
    font-size: 31px;
  }

  #home-quienes {
    padding: 59px 0px;
  }

  footer p{
    font-size: 17px;
    margin-top: 19px;
  }

  footer h1{
    font-size: 20px;
  }

  #redes2 h2{
    font-size: 20px;
  }

  .text-quienes p{
    padding-right: 29px;
    line-height: 25px;
    font-size: 17px;
  }

  .text-quienes h1{
    padding-top: 7.7px;
  }

  .text-vision {
    margin-top: 7px;
  }

  .text-vision h1{
    font-size: 26px;
  }

  .text-vision p {
    line-height: 20px;
    font-size: 14px;
  }

  .text-productos h1{
    font-size: 34px;
  }

  .text-productos{
    padding-left: 27px;
  }

  .accordion2{
    margin-right: 20px !important;
  }

  .text-contacto{
    padding-right: 79px;
    margin-top: 4%;
  }

  .text-contacto p{
    line-height: 32px;
  }

  .Modern-Slider .item h6 a{
    padding: 11px 17px;
  }

  #fb{
    margin-right: 4px;
    width: 39px;
    height: 39px;
  }

  #fb:hover{
    width: 39px;
    height: 39px;
    margin-right: 4px;
  }

  #ins{
    margin-right: 4px;
    width: 39px;
    height: 39px;
    background-position: 0px -45px;
  }

  #ins:hover{
    width: 39px;
    height: 39px;
    margin-right: 4px;
    background-position: 0px -45px;
  }

  #you{
    background-position:0px -90px;
    width: 39px;
    height: 39px;
  }

  #you:hover{
    background-position:0px -90px;
    width: 39px;
    height: 39px;
  }

  #titulo{
    padding-top: 187px;
    margin-top: 15%;
  }

  


}


/*---------------------------------------------------------*/

@media (max-width:1500px) and (min-width:1401px){

  #menu .navbar-nav > li > a{
    margin: 24px 39px !important;
  }

  .mega-dropdown-menu {
    left:50% !important;
    top: 85% !important;
  }

  #banner {
    margin-top: 12%;
  }

  #titulo{
    margin-top: 13%;
  }
  
  .Modern-Slider .item .img-fill .info{
    bottom: 44%;
  }

  .items-calidad h1{
    font-size: 26px;
  }

  .text-lproductos h2{
    font-size: 26px;
  }

  .amp-producto{
    padding: 25px 13px;
  }

  .text-home-quienes h1{
    padding-top: 24px;
    font-size: 30px;
  }

  .text-home-quienes p {
    line-height: 30px;
    padding-bottom: 25px;
  }

  #home-quienes {
    padding: 61px 0px;
  }

  footer p{
    font-size: 18px;
  }

  .text-quienes p{
    line-height: 30px;
    padding-right: 26px;
  }

  .text-quienes h1{
    padding-top: 19px;
  }

  .text-vision h1{
    font-size: 28px;
  }

  .text-vision {
    margin-top: 6px;
  }

  .text-vision p {
    line-height: 24px;
    font-size: 16px;
  }

  .text-productos{
    padding-left: 53px;
  }

  .accordion2{
    margin-right: 6px !important;
  }

  .text-contacto {
    padding-right: 131px;
    margin-top: 5%;
  }

  .text-contacto p{
    line-height: 31px;
  }
  

}



/*---------------------------------------------------------*/

@media (max-width:1600px) and (min-width:1501px){

  #menu .navbar-nav > li > a{
    margin: 16px 45px !important;
  }

  .Modern-Slider .item .img-fill .info{
    bottom: 32%;
  }

  #banner {
    margin-top: 11%;
  }

  .mega-dropdown-menu {
    left:50% !important;
    top: 85% !important;
  }

  .text-lproductos h2{
    font-size: 25px;
  }

  #home-quienes {
    padding: 48px 0px;
  }

  .text-home-quienes h1{
    font-size: 32px;
    font-size: 32px;
  }
  
  .text-home-quienes p{
    line-height: 27px;
    font-size: 17px;
    padding-bottom: 31px;
  }

  footer p{
    font-size: 18px;
  }

  #titulo{
    margin-top: 13%;
  }

  .text-quienes h1{
    padding-top: 16px;
  }

  .text-quienes p{
    line-height: 29px;
    padding-bottom: 10px;
  }

  .text-vision h1{
    font-size: 30px;
  }

  .text-vision p {
    line-height: 25px;
    font-size: 16px;
  }

  .text-vision {
    margin-top: 10px;
  }

  .text-productos{
    padding-left: 56px;
    margin-top: 76px;
  }

  .accordion2{
    margin-right: 6px !important;
  }

  .text-contacto{
    padding-right: 143px;
  }

 
}



/*---------------------------------------------------------*/

@media (max-width:1700px) and (min-width:1601px){

  .text-lproductos h2{
    font-size: 23px;
  }

  .mega-dropdown-menu {
    left:51% !important;
  }

  #menu .navbar-nav > li > a{
    margin: 21px 56px !important;
  }

  #banner {
    margin-top: 11%;
  }

  .amp-producto{
    padding: 26px 13px;
  }

  footer p{
    font-size: 19px;
  }

  #titulo{
    margin-top: 12%;
  }

  .text-quienes p{
    line-height: 32px;
  }

  .text-vision {
    margin-top: 26px;
  }

  .text-vision p {
    line-height: 26px;
    font-size: 17px;
  }

  .text-vision h1{
    font-size: 34px;
  }

  .accordion2{
    margin-right: 5px !important;
  }

  .text-productos{
    margin-top: 105px;
    padding-left: 60px;
  }

  .text-contacto{
    padding-right: 174px;
  }
  
}



@media (max-width:1800px) and (min-width:1701px){

  #banner {
    margin-top: 11%;
  }

  .text-lproductos h2{
    font-size: 23px;
  }

  .amp-producto{
    padding: 27px 13px;
  }

  .text-home-quienes p {
    line-height: 32px;
    padding-bottom: 27px;
  }

  .mega-dropdown-menu {
    left:51% !important;
  }

  .text-home-quienes h1{
    font-size: 36px;
    padding-top: 37px;
  }

  #titulo{
    margin-top: 12%;
  }

  .text-contacto {
    padding-right: 212px;
    margin-top: 10%;
  }
  

}



@media (max-width:1900px) and (min-width:1801px){

  #banner {
    margin-top: 10%;
  }

  .text-lproductos h2{
    font-size: 24px;
  }

  .text-contacto{
    margin-top: 10%;
  }

  .mega-dropdown-menu {
    left:51% !important;
  }

}



@media (max-width:2000px) and (min-width:1901px){


  .Modern-Slider .item .img-fill .info{
    bottom: 22%;
  }

  .mega-dropdown-menu {
    left:51% !important;
  }


}



@media (max-width:2100px) and (min-width:2001px){

  .mega-dropdown-menu {
    left:51% !important;
  }


}