body,html{
  height: 100%;
  min-height: 100%;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}
.navbar-header {
    float: left;
    width: 100%;
}

#email{
  height: 23px;
  margin-top: 6px;
}
#password{
  height: 23px;
  margin-top: 6px;
}
/* #bg{} */
#secc-img {
  background-image: url(../img/slider/empresa/MXAA-slider-empresa.jpg);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  z-index: 1;
  background-repeat: no-repeat;

}
.title-svg {
      max-width: 482px;
      width: 100%;
      top: 150px;
      left: 20px;
  }




  .title-svg2 {
        max-width: 473px;
        width: 100%;
        top: 154px;
        left: 20px;
    }





  .iconscontacts {
      width: 21px;
      float: left;
      margin-top: 0px;
      /* 03/abril */
      /* margin-right: 4px; */

  }
/*12/04 margin-right*/
.textcontacts{
	padding-top:2px;
	/* font-weight:bold; */
	padding-left:5px;
	float:left;
  color: #ffffff;
  font-size: 15px;
  margin-right: 21px;
}


.textcontacts a{
  color:#fff;
  text-decoration: none;
  transition: all 0.3s;
}



.textcontacts a:hover{
  color:#000000;
  text-decoration: none;
}
#secc-img-contact {
  background-image: url(../img/slider/contacto/MXAA-slider-contacto.jpg);
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-size: 100%, 100%;
  z-index: 1;
  background-repeat: no-repeat;
  font-family: 'Montserrat', sans-serif;
  background-attachment:fixed !important;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-backgroud-size:cover;
  background-size: cover;
}

#secc-img-contact p.nombre{
  margin-top: 0px
}
/* .active:before{
    font-family: FontAwesome;
    content: "\f0d9";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
    color: #1e1e1e;
    font-weight: 100;
  }  */


  .carousel-fade {
      .carousel-inner {
          .item {
              transition-property: opacity;
          }

          .item,
          .active.left,
          .active.right {
              opacity: 0;
          }

          .active,
          .next.left,
          .prev.right {
              opacity: 1;
          }

          .next,
          .prev,
          .active.left,
          .active.right {
              left: 0;
              transform: translate3d(0, 0, 0);
          }
      }

      .carousel-control {
          z-index: 2;
      }
  }


.menu-right li a i{
  opacity: 0;
}

li.active a i{
  opacity: 1;
}
.equipamient-xs{top:100px;}

#secc-img-mant{
  background-image: url(../img/slider/mantenimiento/MXAA-slider-mantenimiento-01.jpg);
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-size: 100%; */
  z-index: 1;
  background-repeat: no-repeat;
}
.title-gray {
font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  color:#000;
}
.menu-desk{
  position: fixed;
  top: 18px;
  right: 10px;
  z-index: 3;
  font-size: 14px;
  margin-right: 1%;
  text-align: right;
}
li {
  list-style:none;
}
.menu-right li a{
font-family: 'Montserrat', sans-serif;
  color: #6c6d6f;
  letter-spacing: .15em
  font-size: 14px;
}
.menu-right li a:hover{
  color:#000;
}
nav .menu-right li.active a {color: #000000!important;}
nav li a:hover {text-decoration: none;}

/* logotipo */
.navbar-brand{
  /* position: absolute; */
  top: 7px;

  left: 10px;

  z-index: 145;
  position: relative;
}
.navbar-brand>img {
    min-width: 185px;
}
#parra-clientes{
  top: 120px;
  left: 4px;
  letter-spacing: .15em;
  font-size: 14px;
}
/* #p-bienvenida {
    float: right;
    right: 1277px;
    top: 196px;
} */
.spacewhite{
  width: 100%;
  height: 20px;
  float: left;
}
.img-clientes{
  top: 218px;
right: -25px;
}
.img-marcas {


    top: 120px;
    right: -22px;
}
.bienvenida {
    top: 160px;
    /* right: 65px; */
    color: #FFF;
    float: left;
    font-family: 'Montserrat', sans-serif;
    /* float: right; */
}
.bienvenida form button{
  padding:7px 60px;
}

.bienvenida form .form-group{
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
.form-horizontal .control-label {
    text-align: left;
    padding-left: 22px;
}
.bienvenida form button:hover{
  background-color: #000000!important;
  color:#fff;
  border:0px;
}


.p-clientes{
font-family: 'Montserrat', sans-serif;
  font-size:12px;
  padding:15px 15px;
  letter-spacing: .15em;
  margin-top: 12px;
}





.p-texto{

  font-size:10px;
  letter-spacing: .15em

font-family: 'Montserrat', sans-serif;
  padding:15px 19px;

  padding-top:60px;

}
#img-clientes{
  width: 100%;
  max-width: 550px;




}
.cont-redes {
    position: relative;
    left: -50%;
}



.cont-redes ul li a {
    color: #ffffff;
    text-align: center;
}

.img-mantenimiento{
	margin-right:25px;
}

.cont-redes ul li {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    padding: 4px 6px;
    text-align: center;
    margin-left: 5px;
    margin-right: 2px;
}

.nombre{
  font-family: 'Montserrat', sans-serif;
  font-size:14px;
  letter-spacing: .15em
  color: #ffffff;
	/* font-weight:bold; */
}




.contacto{
  font-family: 'Montserrat', sans-serif;
    font-size:16px;
    letter-spacing: .15em
  color: #ffffff;
  margin-left: 20px;
	/* font-weight:bold; */
}




.cargo{
	font-size:1.1em;
  color:#ffffff;
	/* font-weight:bold; */
}


#redes-soc{
    position: absolute;
    bottom: 5%;
    /* left: 40%; */
    left: 50%;

}
footer .footer-below a {
    color: #fff;
}
footer .footer-below {
    padding: 19px 10px;
    color: #fff;

}
footer {
  letter-spacing: .15em
  font-family: 'Montserrat', sans-serif;
    z-index: 40;
    position: absolute;
    /* top: 91%; */
    float: right;
    text-align: center;
    font-size: 12px;
    /* bottom: 0; */
    width: 100%;
    bottom: 0;
}

.toggle {
    margin: 5px 5px 0 0;
}

.img-equip{
  top:14%;
  position: fixed;
  z-index: 3;
}
/* .text-equip p {
    z-index: 3;
    color: #fff;
    padding-left: 15px;
} */
.text-equip p {
    z-index: 3;
    color: #fff;
    padding-left: 15px;
    letter-spacing: .15em;
    font-size: 12px;
}
/*iconos alchimica y syl*/
.svg-alchimica{
  max-width: 157px;
}
.svg-syl{
  max-width: 80px;
}



/*Carrousel*/
#container {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  max-height: 700px;
  margin: 100px auto;
  position:relative;
}

/*********************************
* Slideshow Styling
*********************************/
#slideshow {
	width: 100%;
	height: 100%;
	margin: 100px auto;

    position:relative;

    overflow: hidden;
}
	#slideshow.fullscreen {
		position: fixed;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;

		overflow: hidden;
	}
	.img-wrapper {
	    min-width: 100%;
	    min-height: 100%;

		position: absolute;
		top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;

	    margin: auto;
	    overflow: hidden;

	    z-index:8;

	    background-size: cover;
	    background-position: center center;
	}
		#slideshow .img-wrapper.active {
		    z-index:10;
		}

		#slideshow .img-wrapper.last-active {
		    z-index:9;
		}

    .fa-3x {
      font-size: 1.5em!important;
    }
	/*********************************
	* Thumbnail Styling
	*********************************/
	.thumbs-container {
		width: 100%;
		height: 140px;
		position: absolute;
		left: 0;
		z-index: 11;
		/* background: #222222; */
		opacity: .9;
	}
		.thumbs-container.top {
			top: 0;
		}
		.thumbs-container.bottom {
			bottom: 0;
		}
		.prev, .next {
			width: 3%;
			min-width: 40px;
			height: 48px;
			padding: 46px 1%;

			color: #ffff;
			cursor: pointer;
		}
		.prev { float: left; }
		.next { float: right; }
			.prev:hover, .next:hover {
				color: #fff;
			}
		ul.thumbs {
			position: absolute;
			top: 0;
			left: 5%;
			right: 5%;
			height: 140px;
			padding: 0;
			margin: 0 5%;
			overflow: hidden;
			white-space: nowrap;
			text-align: center;
		}
			.thumb {
				display: inline-block;
				/* width: 120px;
				height: 120px; */
        width: 120px;
        height: 70px;
				margin: 10px;

				overflow: hidden;
				background-size: cover;
	    	background-position: center center;

	    		cursor: pointer;
			}
				.thumb:first-of-type {
					margin-left: 0px;
				}
			.thumb.active {
				/* width: 116px;
				height: 116px; */
        width: 120px;
        height: 70px;
				border: 2px solid #FFF;
			}

.list-inline li:hover a{
  color:#000;
}

/* ul:hover li {
  background-color: #fff;
} */

.cont-redes ul li:hover{
  background-color: #fff;
  cursor: pointer;
}


      /* Sección thumbs */
      #sec-thumbs{width: 100%; float:left; }
      #sec-thumbs .container{ padding: 20px 20px 30px; }
      #sec-thumbs .bordertop{border-top:1px solid #d7d7d7 }
      #sec-thumbs #cont-categorias h2{border-bottom: 1px solid #94c306; padding: 11px 8px 10px; margin: 0; font-size: 28px; font-weight: 600;}
      #sec-thumbs #cont-categorias h2 i{color: #94c306; font-size: 20px; margin-right: 5px;}

      #sec-thumbs #sec-sup1 { border-bottom: 1px solid #d7d7d7; padding: 11px 8px 5px; }
      #sec-thumbs #sec-sup1 a { color: #d7d7d7; margin: 0 5px; margin-top: 0px; font-size: 19px; }
      #sec-thumbs #sec-sup1 a.active { color: #3a3939; margin: 0 5px; margin-top: 0px; font-size: 19px; }
      #sec-thumbs #sec-sup1 a:hover { color: #94c306;text-decoration: none}
      #sec-thumbs #sec-sup1 .form-control { max-width: 100px; float: right;}
      #sec-thumbs #sec-sup1 label { line-height: 31px; margin-right: 16px; }
      #sec-thumbs #sec-sup2{padding: 11px 8px 34px; border-bottom: 1px solid #d7d7d7; }
      #sec-thumbs #sec-sup2 label { line-height: 31px; max-width: 30%; margin-right: 3%; float: left;}
      #sec-thumbs #sec-sup2 .form-control { max-width: 30%; margin-right: 3%; float: left; background-color: #ececec}
      #sec-thumbs  .pagination { display: inline-block; padding-left: 0; margin: 2px 0 0; border-radius: 4px; float: right; }
      #sec-thumbs .pagination > li > a, #sec-thumbs #sec-sup2 .pagination > li > span { position: relative; float: left; padding: 5px 11px; margin-left: 4px; line-height: 1.42857143; color: #727272; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-radius: 4px;}
      #sec-thumbs  .pagination > li.active a{background: #5e5e5e; color: #fff;}

      #sec-thumbs .nav-side-menu{margin: 20px 1px;}
      #sec-thumbs  .nav-side-menu ul, #sec-thumbs  .nav-side-menu li { list-style: none; padding: 0px; margin: 0px; line-height: 35px; cursor: pointer; }
      #sec-thumbs .nav-side-menu ul :not(collapsed) .arrow:before, #sec-thumbs  .nav-side-menu li :not(collapsed) .arrow:before { font-family: FontAwesome; content: "\f078"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: left; color: #1e1e1e; font-weight: 100; }
      #sec-thumbs .nav-side-menu ul :not(collapsed) .option:before, #sec-thumbs  .nav-side-menu li :not(collapsed) .option:before {font-family: FontAwesome;  background: #ade8d1; content: "\f068"; display: inline-block; padding-left: 6px; padding-right: 6px; vertical-align: middle; float: left; color: #8b8b8b;  font-weight: 100; position: absolute; right: 10px; border: 1px solid #dadada; width: 30px; height: 30px; padding: 0; text-align: center; line-height: 30px; border-radius: 4px; }
      #sec-thumbs .nav-side-menu ul li.collapsed .option:before{content: "\f067"; background: #fff;}
      #sec-thumbs .nav-side-menu ul .sub-menu li.active, #sec-thumbs .nav-side-menu li .sub-menu li.active { color: #259d19; }
      #sec-thumbs .nav-side-menu ul .sub-menu li.active a,
      #sec-thumbs .nav-side-menu li .sub-menu li.active a { color: #259d19; }
      #sec-thumbs  .nav-side-menu ul .sub-menu li,
      #sec-thumbs  .nav-side-menu li .sub-menu li { border: none; line-height: 28px; margin-left: 0px; }
      #sec-thumbs .nav-side-menu ul .sub-menu li:before,#sec-thumbs .nav-side-menu li .sub-menu li:before { font-family: FontAwesome; content: "\f111"; display: inline-block; padding-left: 36px; padding-right: 10px; vertical-align: middle; font-size: 8px; }
      #sec-thumbs .nav-side-menu li { padding: 10px 0; }
      #sec-thumbs .nav-side-menu li a { text-decoration: none; color: #249d19; font-weight: 700; font-size: 16px}
      #sec-thumbs .nav-side-menu li a label{width: 197px; line-height: 20px; cursor: pointer;}


      #sec-thumbs #sec-productos .col-xs-12{padding: 20px; }
      #sec-thumbs #sec-productos .cont-img{border: 1px solid #c6c6c6; cursor: pointer; padding: 40px 0; width: 90%; margin: 0 auto; } #sec-thumbs #sec-productos .cont-img img{ width: 100%; }
      #sec-thumbs #sec-productos .alert {padding: 15px 20px; background-color: #e6f6df; text-transform: uppercase; font-weight: 600; margin: 10px auto; width: 90%; } #sec-thumbs #sec-productos .cont-categorias{padding: 20px; float: left;}
      #sec-thumbs #sec-productos .categorias{border: 1px solid #c6c6c6; float: left; padding-bottom: 15px; -webkit-box-shadow: 0px 5px 10px -1px rgba(213,213,213,1); -moz-box-shadow: 0px 5px 10px -1px rgba(213,213,213,1); box-shadow: 0px 5px 10px -1px rgba(213,213,213,1); }
      #sec-thumbs #sec-productos p{ width: 90%; margin: 10px auto; color: #828282;}
      #sec-thumbs #sec-productos .cont-categorias a{text-decoration: none;}
      #sec-thumbs #sec-productos .categorias img{width: 100%; max-width: 350px;}
      #sec-thumbs #sec-productos .categorias button { color: #fff; background-color: #92c718; margin: 20px 0;}
      #sec-thumbs #sec-productos .cont-btn{margin: 0; padding: 10px 0px}
      #sec-thumbs #sec-productos .cont-btn button{font-weight: 700; padding: 7px; height: auto;}
      #sec-thumbs #sec-productos .cont-btn button:hover{color: #fff; background-color: #92c718;}
      #sec-thumbs #paginador-end ul{float: right;}
      #sec-thumbs   .nav-side-menu .menu-list .menu-content { display: block; }






/* ----------- Index  ---------------  */
#secc-img .bienvenida .p-texto{
  max-width: 600px;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: .15em
}


#sec-mantenimiento .text-equip p {
    z-index: 3;
    color: #fff;
    padding-left: 15px;
    font-size: 12px;
    letter-spacing: .15em;
    font-family: 'Montserrat', sans-serif;
    max-width: 600px;
}

#sec-equipamiento .img-mantenimiento-dos{
  margin-left:20px;
  max-width: 100px;
}


/*Menú*/
.mini-submenu{
  display:inline-block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  width: 42px;
  z-index: 1000;
 right: 30px;
  top: 20px;
}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  display: block;
  height: 3px;
  width: 35px;
  margin-top: 3px;
}

.list-group{

 position: absolute;
  top: 20px;
  z-index: 101;
}

.mini-submenu .icon-bar {
  background-color: #000;
}

#slide-submenu{
  display: inline-block;
  cursor: pointer;
  padding-left:20px;
}
.list-group-item{
 text-align: right;
 padding: 7px 24px!important;
}
.menu2{
 right: 30px;
  top: 20px;
 display:none;
}
.white{
  color:#fff;
}







/* ////////////////////////////////////   Contacto */


.form-control {
  font-family: 'Montserrat', sans-serif;
    font-size:12px;
    letter-spacing: .15em
height: 25px;
background-color: #c6c6c6!important;
border-radius: 0px!important;
margin-left: 10px;
}



.btn-default {
color: #333;
background-color: #c6c6c6!important;
border-color: #ccc!important;
border-radius: 0px!important;
float: right!important;
}

#secc-img-contact   footer{
    width: auto;
  }
  .textcontacts span {
  display: none;
  }

.g-recaptcha {margin:0 auto !important; transform:scale(0.75); -webkit-transform:scale(0.75); transform-origin:0 0; -webkit-transform-origin:0 0;}

@media (max-width: 375px){
  .pull-movil{float: left !important; margin-left: 12px !important; margin-top: 23px !important;}
  .g-recaptcha {margin:0 auto auto 12px !important; transform:scale(0.85); -webkit-transform:scale(0.85); transform-origin:0 0; -webkit-transform-origin:0 0;}
  #secc-img-contact {background-position: bottom !important;   min-height: auto !important; height: auto !important; background-size: 1920px 100% !important;}
}