/*
====================================
------------------------------------
	1. Typography
	2. Header
	3. Main Slider
	4. About Us
	5. Service
	6. Our Team
	7. Portfolio
	8. Clients
	9. Our Blog
	10. Contact
	11. Footer
	12. Carousel Effect
	13. Isotope
	14. Portfolio Hover effect
-------------------------------------
=====================================
*/


/*====================
======Typography=====
======================*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	font-weight:400;
	background: #fff;
	color:#43484E;
	font-size: 1.7em;
}

body  section{
	padding: 75px 0;
}

a:hover {
	outline: none;
	text-decoration:none;
}

a:focus {
	outline:none;
	outline-offset: 0;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	color:#fc7700;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}

.slider-btn {
	background-color:#fc7700;
	color: #FFF;
	-webkit-box-shadow: inset 0 0 0 2px #fc7700;
	box-shadow: inset 0 0 0 2px #fc7700;
	text-transform: uppercase;
	width: 190px;
	text-align: center;
	height: 55px;
	line-height:55px;
	padding: 0;
	font-size: 18px;
	font-weight:800;
	border: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.slider-btn:hover {
	background-color:#43484E;
	-webkit-box-shadow: inset 0 0 0 2px #43484E;
	box-shadow: inset 0 0 0 2px #43484E;
	color:#fff
}


.parallax-section{
	min-height: 300px;
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}


.preloader{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: table;
	background: #fff;
	z-index: 9999;
}

.preloder-wrap{
	display: table-cell;
	vertical-align: middle;
}

.preloder-inner {
	width: 200px;
	height: 100px;
	margin: 0 auto;
}

.ball {
	width: 10px;
	height: 10px;
	margin: 10px auto;
	border-radius: 50px;
}
  
.ball:nth-child(1) {
	background: #ff005d;
	-webkit-animation: right 1s infinite ease-in-out;
	-moz-animation: right 1s infinite ease-in-out;
	animation: right 1s infinite ease-in-out;    
}

.ball:nth-child(2) {
	background: #35ff99;
	-webkit-animation: left 1.1s infinite ease-in-out;
	-moz-animation: left 1.1s infinite ease-in-out;
	animation: left 1.1s infinite ease-in-out;
}

.ball:nth-child(3) {
	background: #008597;
	-webkit-animation: right 1.05s infinite ease-in-out;
	-moz-animation: right 1.05s infinite ease-in-out;
	animation: right 1.05s infinite ease-in-out;
}

.ball:nth-child(4) {
	background: #ffcc00;
	-webkit-animation: left 1.15s infinite ease-in-out;
	-moz-animation: left 1.15s infinite ease-in-out;
	animation: left 1.15s infinite ease-in-out;
 }

.ball:nth-child(5) {
	background: #2d3443;  
	-webkit-animation: right 1.1s infinite ease-in-out;
	-moz-animation: right 1.1s infinite ease-in-out;
	animation: right 1.1s infinite ease-in-out;
}

.ball:nth-child(6) {
	background: #ff7c35;  
	-webkit-animation: left 1.05s infinite ease-in-out;
	-moz-animation: left 1.05s infinite ease-in-out;
	animation: left 1.05s infinite ease-in-out;
}

.ball:nth-child(7) {
	background: #4d407c;  
	-webkit-animation: right 1s infinite ease-in-out;
	-moz-animation: right 1s infinite ease-in-out;
	animation: right 1s infinite ease-in-out;
}


@-webkit-keyframes right {
	0%   { -webkit-transform: translate(-15px);   }
	50%  { -webkit-transform: translate(15px);    }
	100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
	0%   { -webkit-transform: translate(15px);    }
	50%  { -webkit-transform: translate(-15px);   }
	100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
	0%   { -moz-transform: translate(-15px);   }
	50%  { -moz-transform: translate(15px);    }
	100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
	0%   { -moz-transform: translate(15px);    }
	50%  { -moz-transform: translate(-15px);   }
	100% { -moz-transform: translate(15px);    }
}

@keyframes right {
	0%   { transform: translate(-15px);  }
	50%  { transform: translate(15px);   }
	100% { transform: translate(-15px);  }
}

@keyframes left {
	0%   { transform: translate(15px);   }
	50%  { transform: translate(-15px);  }
	100% { transform: translate(15px);   }
}


.vertical-middle{
	width: 100%;
	height: 100%;
	display: table;
}

.vertical-middle div{
	display: table-cell;
	vertical-align: middle;
}


.tops {
	background:#3b5d97;padding: 5px 0;color: #fff;font-size: 12px;
}

.tops a {
	color: #fff;
	text-decoration: none;
}

.tops a:hover {
	color: #a1c9e8;
	text-decoration: none;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	color:#0079c2;
}

.tops ul {
	float: left;
    position: relative;
    list-style: none;
	margin-bottom: 0px;
}

.tops li {
	float: left;
}

.tops i {
	padding: 0 15px;
	font-size: 15px;
}

img {
	width: 100%;
}

.logo {
	width: 115px;
	margin: 10px 0;
}

.imgPP{
    width: 50% !important;
}

/*====================
======Header CSS=====
======================*/

.img-with-border {
    border: 2px solid #ccc; /* Define el ancho y el color del borde */
    border-radius: 10px; /* Redondea los bordes */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Agrega una sombra */
}


#navigation .navbar {
	background:rgba(31, 36, 45, 0.95);
	border-radius: 0;
	border-bottom: 0;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;
}

#navigation .navbar-toggle{
  margin-top: 20px;
  background-color: #333;
}

#navigation .navbar-brand h1{
  padding: 0;
  margin: 0;
}

#navigation .navbar-nav.navbar-right li {
	padding: 0 1px;
}

#navigation .navbar-nav.navbar-right {
	margin-top:20px
}

#navigation .navbar-nav.navbar-right li a {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;
	padding: 6px 15px;
    border-bottom: 2px solid transparent;
	font-weight: 800;
}

#navigation .navbar-inverse .navbar-nav  .active  a,  
#navigation .navbar-inverse .navbar-nav  .active  a:focus, 
#navigation .navbar-nav.navbar-right li a:hover {
	color: #009688;
    background-color: transparent;
    border-bottom: 2px solid #009688;
}


/*======================
====Main Slider CSS=====
=======================*/
.home-pattern {
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
	left:0;
	bottom:0;
	background-image:url(../img/home-pattern.png);
	background-repeat:repeat;
	opacity:0.2;
}

#home{
  padding: 0;
  overflow: hidden;
  position:relative
}

#main-carousel .carousel-inner .item {
	background-size:cover;
	height: 100%;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}

#main-carousel .carousel-indicators { 
	bottom:15px
}

#main-carousel .carousel-indicators li{
	background: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	text-indent: -9999px;
	display: inline-block;
}

.carousel-indicators .active{
	background-color: #fff !important;
	
}

.slider-content {
	height: 100%;
}

#main-carousel .carousel-caption {
	display: table;
	height: 100%;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	z-index: 11;
}

#main-carousel .carousel-caption > div{
    vertical-align: middle;
    display: table-cell;
}

#main-carousel .carousel-inner h2 {
	color: #f6f6f6;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    float: left;
    margin: 20px;
	text-align: left;
}

#main-carousel .carro {
	width: 50%;
    right: 5%;
    margin: 80px 20px;
    top: 25%;
    position: absolute;
}

#main-carousel .maquina {
	width: 100%;
    right: 5%;
    margin: 8px 20px;
    top: 25%;
    position: absolute;
}



#main-carousel .marca {
	width: 300px;
    right: 0;
    margin: 30px 50px;
    top: 15%;
    position: absolute;
}

#main-carousel .carousel-inner h2 span{
  color:#7ab700;
}

#main-carousel .carousel-inner p {
	color: #f6f6f6;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 59px;
	margin-top: 0;
	text-shadow:none;
}

#main-carousel .carousel-left{
	left:-50px;
}

#main-carousel .carousel-right{
	right:-50px;
}

#main-carousel:hover .carousel-left{
	left:0px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel:hover .carousel-right{
	right:0px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel .carousel-left,
#main-carousel .carousel-right{
	padding: 15px;
	z-index: 12;
	font-size: 60px;
	color: rgba(255, 255, 255, 0.52);
	top: 50%;
	position: absolute;
	margin-top: -60px;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.carousel-right {
  right:65px
}

.carousel-left {
  left:65px
}

#main-carousel .carousel-left:hover,
#main-carousel .carousel-right:hover{
	color: #F6F6F6;
}

/*============================
======Carousel Effect CSS=====
==============================*/


.carousel.scale .carousel-inner > .item.left > div:nth-child(1),
.carousel.scale .carousel-inner > .item.right > div:nth-child(1) {
  -webkit-animation: fadeOutDown 300ms linear 0ms both;
  animation: fadeOutDown 300ms linear 0ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(1),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(1) {
  -webkit-animation: fadeInDown 300ms linear 75ms both;
  animation: fadeInDown 300ms linear 75ms both;
}

.carousel.scale .carousel-inner > .item.left > div:nth-child(2),
.carousel.scale .carousel-inner > .item.right > div:nth-child(2) {
  -webkit-animation: fadeOutDown 300ms linear 75ms both;
  animation: fadeOutDown 300ms linear 75ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(2),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(2) {
  -webkit-animation: fadeInDown 300ms linear 150ms both;
  animation: fadeInDown 300ms linear 150ms both;
}

.carousel.scale .carousel-inner > .item.left > div:nth-child(3),
.carousel.scale .carousel-inner > .item.right > div:nth-child(3) {
  -webkit-animation: fadeOutDown 300ms linear 150ms both;
  animation: fadeOutDown 300ms linear 150ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(3),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(3) {
  -webkit-animation: fadeInDown 300ms linear 225ms both;
  animation: fadeInDown 300ms linear 225ms both;
}

.carousel.scale .carousel-inner > .item.left > div:nth-child(4),
.carousel.scale .carousel-inner > .item.right > div:nth-child(4) {
  -webkit-animation: fadeOutDown 300ms linear 225ms both;
  animation: fadeOutDown 300ms linear 225ms both;
}
.carousel.scale .carousel-inner > .item.next > div:nth-child(4),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(4) {
  -webkit-animation: fadeInDown 300ms linear 300ms both;
  animation: fadeInDown 300ms linear 300ms both;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.justify-c {
	text-align: justify;
	text-align-last: center;
}

.imgc {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

section {
	padding: 70px 0;
}

#i-prod {
    background-image: url(../img/banner.jpg);
	background-attachment: fixed;
    color: #fff;
	margin-top: -6px;
}

figure.snip1104 {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  /* float: left; */
  overflow: hidden;
  /* margin: 10px 1%; */
  max-width: 80%;
  max-height: 250px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1104 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1104 img {
  max-width: 100%;
  position: relative;
  opacity: 0.4;
}

figure.snip1104 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.snip1104 h2 {
  position: absolute;
  left: 40px;
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
  text-transform: uppercase;
  font-weight: 400;
}

@media screen and (max-width: 1565px) {
figure.snip1104 h2 {
	font-size: 0.95em;
}
}

@media screen and (max-width: 1081px) {
figure.snip1104 h2 {
	font-size: 0.7em;
}
}

@media screen and (max-width: 991px) {
figure.snip1104 h2 {
	font-size: 30px;
}
}

@media screen and (max-width: 410px) {
figure.snip1104 h2 {
	font-size: 0.95em;
}
}

figure.snip1104 h2 span {
  font-weight: 800;
}

figure.snip1104:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.snip1104 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1104.blue {
  background: #123851;
}

figure.snip1104.blue h2 {
  background: #0a212f;
}

figure.snip1104.red {
  background: #581a14;
}

figure.snip1104.red h2 {
  background: #36100c;
}

figure.snip1104.yellow {
  background: #7f5006;
}

figure.snip1104.yellow h2 {
  background: #583804;
}

figure.snip1104:hover img,
figure.snip1104.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1104:hover h2,
figure.snip1104.hover h2 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.snip1104:hover:before,
figure.snip1104.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}

#info1 {
    padding: 50px 0;
}

#info1 .row {
    margin-right: 0px;
    margin-left: 0px;
}

#info1 figure {
    margin: 15px auto;
}

.light-sep {
    max-width: 80px;
    border: 2px solid #fff;
    margin-top: 40px;
    margin-bottom: 40px;
}

#info2 {
	background: #151515;
	color: #fff;
}

#owl-demo .item {
    width: 65%;
	margin: 0  auto;
}

#contact {
	background: #151515;
	color: #fff;
}

#contact .row,
#prod1 .row,
#gruass .row,
#us1 .row {
    margin-right: 0px;
    margin-left: 0px;
}

#contact h2{
	font-size: 50px;
	font-weight: 800;
}

#contact a{
	color: #fff;
}

#contact a:hover{
	color: #6d98c7;
}

.social li {
    float: left;
	margin: 30px;
}

.social {
	list-style: none;
	margin-left: -60px;
}

footer {
	padding: 15px 0;
	background: #000;
	color: #fff;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #6d98c7;
}

footer p {
    margin: 0;
}

#us {
	padding: 130px 0 85px 0;
	color: #fff;
	background-image:url(../img/top-us.jpg);
	background-attachment: fixed;
}

.snip1579 {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 8px;
  width: 90%;
  background-color: #000000;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.snip1579 * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1579 img {
  max-width: 100%;
  vertical-align: top;
}
/*.snip1579 figcaption {*/
/*  position: absolute;*/
/*  height: 75px;*/
/*  left: 15px;*/
/*  right: 15px;*/
/*  bottom: 15px;*/
/*  overflow: hidden;*/
/*  padding: 15px;*/
/*  background-color: rgba(0, 0, 0, 0.75);*/
/*}*/

.snip1579 figcaption {
    position: absolute;
    height: 274px;
    left: 15px;
    right: 14px;
    bottom: 26px;
    overflow: hidden;
    padding: 15px;
    background-color: rgba(0,0,0,.75);
    
}

@media (max-width:479px){
    .snip1579 figcaption {
  position: absolute;
    height: 206px;
    left: 15px;
    right: 14px;
    bottom: 26px;
    overflow: hidden;
    padding: 15px;
    background-color: rgba(0,0,0,.75);
}
}
@media (max-width:366){
  .snip1579 figcaption {
    position: absolute;
    height: 213px;
    left: 15px;
    right: 14px;
    bottom: 5px;
    overflow: hidden;
    padding: 15px;
    background-color: rgba(0,0,0,.75);
}
}

@media (max-width:366){
  .snip1579 figcaption {
    position: absolute;
    height: 213px;
    left: 15px;
    right: 14px;
    bottom: 5px;
    overflow: hidden;
    padding: 15px;
    background-color: rgba(0,0,0,.75);
}
}


.snip1579 h3 {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 3px 0;
}
.snip1579 h5 {
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  color: #bbb;
  letter-spacing: 1px;
}
.snip1579 blockquote {
	padding: 20px;
	margin: 35px 0;
	font-size: 1em;
}
.snip1579 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.snip1579:hover figcaption,
.snip1579.hover figcaption {
  height: calc(85%);
}

blockquote p {
    font-size: 14.5px;
}

#us1 {
	background: #232323;
}

.dropdown-menu {
	background: rgba(16, 25, 34, 0.95);
}

.navbar-right .dropdown-menu {
    left: 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu,
.dropdown:focus .dropdown-menu {
    display: block;
	background: rgba(16, 25, 34, 0.95);
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

#prodtop,
#gruastop {
	padding: 150px 0 20px 0;
	background: #13171f;
	color: #fff;
}

#prod1 img {
	width: 200px;
	border: 10px solid #13171f;
    border-radius: 50%;
    padding: 30px;
    margin-bottom: 25px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
#prod1 img:hover {
	background: #94add6;
	border: 15px solid #13171f;
    padding: 35px;
}

#prod1 .fill:hover,
#prod1 .fill:focus {
  box-shadow: inset 0 0 0 2em var(--hover);
}

#prod1 .fill {
	--color: #275fbd;
	--hover: #3b5d97;
}

#prod1 button {
  color: var(--color);
  transition: 0.25s;
}
#prod1 button:hover,
#prod1  button:focus {
  border-color: var(--hover);
  color: #fff;
}

#prod1 button {
  background: none;
  border: 2px solid;
  font: inherit;
  line-height: 1;
  padding: 1em;
}

#gruastop {
    padding: 150px 0 50px 0!important;
}

#gruass {
	background-image:url(../img/bgprod.svg);
	background-attachment: fixed;
}

#maq_via {
    background-attachment: fixed;
}

figure.snip1477 {
	position: relative;
    overflow: hidden;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    margin: 15px auto;
}
figure.snip1477 *,
figure.snip1477 *:before,
figure.snip1477 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
figure.snip1477 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  opacity: 0.9;
}
figure.snip1477 .title {
  position: absolute;
  top: 75%;
  left: 25px;
  padding: 10px;
}
figure.snip1477 .title:before,
figure.snip1477 .title:after {
  height: 2px;
  width: 400px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.snip1477 .title:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
figure.snip1477 .title:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
figure.snip1477 .title div:before,
figure.snip1477 .title div:after {
  width: 2px;
  height: 300px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.snip1477 .title div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
figure.snip1477 .title div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
figure.snip1477 h2,
figure.snip1477 h4 {
  margin: 0;
  text-transform: uppercase;
}
figure.snip1477 h2 {
  font-weight: 400;
}
figure.snip1477 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000;
}
figure.snip1477 figcaption {
  position: absolute;
  bottom: 5%;
  left: 35px;
  text-align: left;
  opacity: 0;
  padding: 5px 60px 5px 10px;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 1.5px;
}
figure.snip1477 figcaption p {
  margin: 0;
}
figure.snip1477 a {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1477:hover img,
figure.snip1477.hover img {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  opacity: 0.35;
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after,
figure.snip1477:hover .title div:before,
figure.snip1477.hover .title div:before,
figure.snip1477:hover .title div:after,
figure.snip1477.hover .title div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
figure.snip1477:hover figcaption,
figure.snip1477.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.fill-button {
	position: relative;
	display: inline-block;
	z-index: 1;
	text-decoration: none;
	width: 350px;
	margin-top: 50px;
}
#news1 .fill-button {
	width: 100% !important;
}
.fill-button:hover .button-content {
	color: #fff;
}
.fill-button:hover .button-fill {
  width: 100%;
}
.fill-button .button-wrapper {
  width: 100%;
  height: 100%;
  background-color: #f0ad4f;
  padding: 10px 20px;
  
  position: relative;
  z-index: 2;
}
.fill-button .button-content {
  color: #fff;
  padding: 10px 0;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  z-index: 4;
  transition: color .5s ease-in;
  text-align: center;
}
.fill-button .button-fill {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #da983b;
  transition: width 0.25s ease-out;
}

#grbtn .fill-button {
	position: relative;
	display: inline-block;
	z-index: 1;
	text-decoration: none;
	width: 350px;
	margin-top: 50px;
}
#grbtn .fill-button:hover .button-content {
	color: #fff;
}
#grbtn .fill-button:hover .button-fill {
  width: 100%;
}
#grbtn .fill-button .button-wrapper {
  width: 100%;
  height: 100%;
  background-color: #8bc34a;
  padding: 10px 20px;
  
  position: relative;
  z-index: 2;
}
#grbtn .fill-button .button-content {
  color: #fff;
  padding: 20px 0;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  z-index: 4;
  transition: color .5s ease-in;
  text-align: center;
}
#grbtn .fill-button .button-fill {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #4caf50;
  transition: width 0.25s ease-out;
}


#gruasf {
	background-image:url(../img/bgprod.svg);
	background-attachment: fixed;
	color: #fff;
	padding: 120px 0;
}

#gruasf .nav-pills>li {
    float: left;
    margin: 5px;
    background: #6980a9;
    border-radius: 5px;
}

#gruasf .nav-pills>li>a {
    color: #FFF;
}

#gruasf .nav>li>a:hover,
#gruasf .nav>li>a:focus {
    text-decoration: none;
    background-color: #2b4967;
    color: #fff;
}

#gruasf .nav-pills>li.active>a,#gruasf  .nav-pills>li.active>a:hover,#gruasf  .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #459648;
}




#gruasf .tab-content {
	padding: 25px 5px;
	overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
	margin-top: 20px;
}
@media only screen and (min-width: 101px) and (max-width: 900px) {
  /* Estilos específicos para pantallas medianas */
  #gruasf .tab-content {
    padding: 25px 5px;
    overflow-y: scroll;
      overflow-x: hidden;
      height: 500px;
    margin-top: 20px;
  }
}
#gruasf .tab-content::-webkit-scrollbar {
  width: 10px;
}

#gruasf .tab-content::-webkit-scrollbar-thumb {
  background-color: #255287;
}

#gruasf .tab-content::-webkit-scrollbar-track {
  background: rgba(59, 93, 151, 0.05);
  border: 10px solid transparent;
  background-clip: content-box;
}


#gruasf2 {
	background-image:url(../img/bgprod.svg);
	background-attachment: fixed;
	color: #fff;
	padding: 120px 0;
}

#gruasf2 .nav-pills>li {
    float: left;
    margin: 5px;
    background: #6980a9;
    border-radius: 5px;
}

#gruasf2 .nav-pills>li>a {
    color: #FFF;
}

#gruasf2 .nav>li>a:hover,
#gruasf2 .nav>li>a:focus {
    text-decoration: none;
    background-color: #2b4967;
    color: #fff;
}

#gruasf2 .nav-pills>li.active>a,#gruasf2  .nav-pills>li.active>a:hover,#gruasf2  .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: red;
}




#gruasf2 .tab-content {
	padding: 25px 5px;
	overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
	margin-top: 20px;
}

#gruasf2 .tab-content::-webkit-scrollbar {
  width: 10px;
}

#gruasf2 .tab-content::-webkit-scrollbar-thumb {
  background-color: #255287;
}

#gruasf2 .tab-content::-webkit-scrollbar-track {
  background: rgba(59, 93, 151, 0.05);
  border: 10px solid transparent;
  background-clip: content-box;
}

#gruasf{
  font-size: 14px;
}
/***/
/* div { */
  /* width: 200px; */
  /* height: 200px; */
  /* margin: 50px auto; */
  /* overflow: auto; */
/* } */

.estilo {
    padding: 20px;
    background: #11bdf1;
    border-radius: 10px;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

/*--------------------------------------------------------------------------
+	Galería Style
--------------------------------------------------------------------------*/
#galeria .btn-primary {
    color: #fff;
    background-color: #1b1b1b;
    border-color: #171717;
    border-radius: 0;
    margin: 5px 10px;
	font-size: 20px;
}

#galeria .btn-primary:hover {
    color: #fff;
    background-color: #006575;
    border-color: #006575;
    border-radius: 0;
    margin: 5px 10px;
}

#galeria {
    padding: 35px 0px 0px 0px;
}

galeria .nav-pills>li.active>a, 
galeria .nav-pills>li.active>a:focus, 
galeria .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #1b1b1b;
}

#galeria{
/* 	padding: 0;
    margin: 0 15px; */
	/* background: #171717; */
}

#galeria .video-responsive {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	height: 0;
	overflow: hidden;
}

#galeria .video-responsive iframe,
#galeria .video-responsive object,
#galeria .video-responsive embed {
	position: absolute;
	width: 100%;
	height: 100%;
}

#galeria .col-lg-1, #galeria .col-lg-10, #galeria .col-lg-11, #galeria .col-lg-12, #galeria .col-lg-2, #galeria .col-lg-3, #galeria .col-lg-4, #galeria .col-lg-5, #galeria .col-lg-6, #galeria .col-lg-7, #galeria .col-lg-8, #galeria .col-lg-9, #galeria .col-md-1, #galeria .col-md-10, #galeria .col-md-11, #galeria .col-md-12, #galeria .col-md-2, #galeria .col-md-3, #galeria .col-md-4, #galeria .col-md-5, #galeria .col-md-6, #galeria .col-md-7, #galeria .col-md-8, #galeria .col-md-9, #galeria .col-sm-1, #galeria .col-sm-10, #galeria .col-sm-11, #galeria .col-sm-12, #galeria .col-sm-2, #galeria .col-sm-3, #galeria .col-sm-4, #galeria .col-sm-5, #galeria .col-sm-6, #galeria .col-sm-7, #galeria .col-sm-8, #galeria .col-sm-9, #galeria .col-xs-1, #galeria .col-xs-10, #galeria .col-xs-11, #galeria .col-xs-12, #galeria .col-xs-2, #galeria .col-xs-3, #galeria .col-xs-4, #galeria .col-xs-5, #galeria .col-xs-6, #galeria .col-xs-7, #galeria .col-xs-8, #galeria .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

#galeria h1 {
	margin: 30px 0;
	color: #11bdf1;	
}

#galeria .example-image {
    border: 1px solid #3b5d97;
}

#galeria hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 148, 170), rgba(0, 0, 0, 0));
}

/*--------------------------------------------------------------------------
+	Portfolio Style
--------------------------------------------------------------------------*/
.portfolio-item {
  position: relative;
  background: #FFF;
  margin-bottom: 20px;
  border: 8px solid #FFF;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;

}
.portfolio-item .portfolio-image {
  overflow: hidden;
  text-align: center;
  position: relative;
}
.portfolio-item .portfolio-image img {
  max-width: 100%;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
}
.portfolio-item:hover {
  border: 8px solid #4f8db3;
}
.portfolio-item:hover .portfolio-image img {
  position: relative;
  -webkit-transform: scale(1.1) rotate(2deg);
  -moz-transform: scale(1.1) rotate(2deg);
  -o-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
}
.portfolio-item ul {
  list-style-type: none;
  margin-left: 0;
  margin-top: 20px;
  text-align: center;
  padding: 0;
}
.portfolio-item ul li {
  line-height: 28px;
}
.portfolio-item .portfolio-project-name {
  font-size: 1.3em;
  text-transform: uppercase;
}
.portfolio-item .read-more {
  text-align: center;
  padding-top: 10px;
}
.portfolio-item .portfolio-info-fade {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  color: #FFF;
  text-shadow: 2px 2px 4px #000000;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.portfolio-item .portfolio-info-fade ul {
  margin-top: 10%;
}
.portfolio-item .portfolio-info-fade .btn:hover {
  background: #4f8db3;
}
.portfolio-item .portfolio-info-fade ul {
  margin: 10% 20px 0 20px;
  padding: 0;
}
.portfolio-item .portfolio-info-fade ul li {
  text-align: center;
}
.portfolio-item .portfolio-info-fade ul li:first-child {
  border-bottom: 1px solid #CCC;
}
.portfolio-item:hover .portfolio-info-fade {
  display: block;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.lt-ie9 .portfolio-info-fade {
  display: none;
}
.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
  display: block;
}
.portfolio-visit-btn {
  padding-top: 15px;
}
.portfolio-item-description ul {
  padding: 0;
}

.section h3{
	color: white ;
	font-size: 35px ;
}

.section h2 {
    font-size: 40px;
    color: #11bdf1;
    font-weight: 400;
    letter-spacing: 0.05em;
	margin-top: 0px;
}

::selection {
    background: transparent;
    color: #009688;
}

.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus {
    outline: 5px auto transparent;
    outline-offset: -2px;
}

button.active.focus, 
button.active:focus, 
button.focus, 
button:active.focus, 
button:active:focus, 
button:focus {
    outline: 5px auto transparent;
    outline-offset: -2px;
}
a.active.focus, 
a.active:focus, 
a.focus, 
a:active.focus, 
a:active:focus, 
a:focus {
    outline: 5px auto transparent;
    outline-offset: -2px;
}

/*=========================
====== Efecto Flipper =====
=========================*/

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	
.flip-container, .front, .back {
	width: 100%;
    height: 500px;
	margin: 25px 0;
}

/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
	
	margin-left: 18px;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
	
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	border: 15px solid #3b5d97;
	padding-top: 100px;
	background: #1b1b1b;
}

.front h2{
	color: white;
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background-color: #3b5d97;
    color: #fff;
    padding: 30px 25px 0 25px;
	text-align: justify;
	text-decoration: initial;
	-webkit-backface-visibility: initial;
	backface-visibility: initial;
}

.back ul {
	padding-left: 10px;
}

.back li {
	width: 100%;
	font-size: 12px;
}

.shadowmap {
    -webkit-box-shadow: 0px 4px 12px -2px rgba(29, 85, 189, 0.51);
    -moz-box-shadow: 0px 4px 12px -2px rgba(29, 85, 189, 0.51);
    box-shadow: 0px 4px 12px -2px rgba(29, 85, 189, 0.51);
    border: solid 3px #1b1b1b;
	margin-top: 12px;
}

.shadowmap iframe{
	margin-bottom: -5px;
	border: 0px ;
}

/*================================================
====== Fin Efecto Fllipper para Páginas Web =====
=================================================*/

.row {
    margin-right: 0px;
    margin-left: 0px;
}

#MAP1 .info {
	line-height: 2.0;
    background: #f1f1f1;
    padding: 50px;
    margin: auto 60px;
    float: right;
    width: 450px;
    position: absolute;
    right: 0px;
    top: 30%;
    border: 5px solid #ddd;
    border-radius: 10px;
}

.usinfo {
	font-size: 13px;
}

@media screen and (max-width: 1450px) {
.usinfo {
	font-size: 13px;
}
}

@media screen and (max-width: 1310px) {
.usinfo {
	font-size: 12px;
}
}

#us1 span {
	font-weight: 800;
	font-size: 1.2em;
}

@media screen and (max-width: 1435px) {
.usinfo1 {
	margin-top: -20px;
}
}

@media screen and (max-width: 1335px) {
.usinfo1 {
	font-size: 0.98em;
}
}

@media screen and (max-width: 1300px) {
.usinfo {
	font-size: 13px;
}

.usinfo1 {
	margin-top: -5px;
	font-size: 0.68em;
}

.usinfo2 {
	font-size: 9px;
}
}

@media screen and (max-width: 820px) {
.usinfo {
	font-size: 13px;
}

.usinfo1 {
	font-size: 10px;
}

.usinfo2 {
	font-size: 10px;
}
}

.snip1252 {
  position: relative;
  color: #009688;
  text-align: left;
  font-size: 16px;
}
.snip1252 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.snip1252 img {
  max-width: 100%;
  vertical-align: top;
}


@media only screen and (max-width: 1600px) {
.snip1252 img {
	margin: 0 auto;
}
}


.snip1252 i {
	position: absolute;
	bottom: 35%;
    right: 40%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	font-size: 5em;
	line-height: 1em;
	opacity: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
	transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
}
.snip1252 a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: block;
}
.snip1252 a:before,
.snip1252 a:after {
  width: 1px;
  height: 0;
  background-color: #ffffff;
}
.snip1252 a:before {
  right: 0;
  top: 0;
}
.snip1252 a:after {
  left: 0;
  bottom: 0;
}
.snip1252:before,
.snip1252:after,
.snip1252 a:before,
.snip1252 a:after {
  position: absolute;
  content: '';
  background-color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.snip1252:before,
.snip1252:after {
  height: 1px;
  width: 0%;
}
.snip1252:before {
  top: 0;
  left: 0;
}
.snip1252:after {
  bottom: 0;
  right: 0;
}
.snip1252:hover img,
.snip1252.hover img {
  opacity: 0.25;
}
.snip1252:hover a:before,
.snip1252.hover a:before,
.snip1252:hover a:after,
.snip1252.hover a:after {
  height: 100%;
}
.snip1252:hover i,
.snip1252.hover i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 0.7;
}
.snip1252:hover:before,
.snip1252.hover:before,
.snip1252:hover:after,
.snip1252.hover:after {
  width: 100%;
}
.snip1252:hover:before,
.snip1252.hover:before,
.snip1252:hover:after,
.snip1252.hover:after,
.snip1252:hover a:before,
.snip1252.hover a:before,
.snip1252:hover a:after,
.snip1252.hover a:after {
  opacity: 0.1;
}


#m25 .modal-dialog,
#GF50 .modal-dialog {
    width: 95%;
    margin: 30px auto;
}

#m25 .modal-header,
#GF50 .modal-header {
    min-height: 16.428571429px;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    background: #1d2e4b;
    text-align: center;
    color: #fff;
}

#m25 .modal-title,
#GF50 .modal-title {
    font-size: 35px;
    text-transform: uppercase;
}

#m25 .close,
#GF50 .close {
    color: #fff;
	font-size: 35px;
}

#m25 .panel-group .panel-heading,
#GF50 .panel-group .panel-heading {
    background: #ddd;
	text-align: center;
    padding: 20px 10px;
}

#m25 a,
#GF50 a{
    color: #000;
	text-decoration: none;
}

#m25 a:hover, #m25 a:focus
#GF50 a:hover, #GF50 a:focus {
    color: #1d2e4b;
	text-decoration: none;
}

figure.snip1477 .title {
    top: 70%;
}

#sliding {
	padding: 0;
	background: #3b5d97;
	display: none;
}



@media screen and (max-width: 991px) {
#home {
	display: none;
}

#sliding {
	padding: 80px 0 0 0;
	display: initial;
}
}

@media screen and (max-width: 850px) {
#sliding {
	padding: 130px 0 0 0;
}
}


#sliding .carousel-control .icon-prev, #sliding .carousel-control .glyphicon-chevron-left {
    left: 25%;
}

#sliding .carousel-control .icon-next, #sliding .carousel-control .glyphicon-chevron-right {
    right: 25%;
}

#sliding .carousel-control.left,
#sliding .carousel-control.right {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0) 0),color-stop(rgba(0,0,0,0.0001) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0.0) 0,rgba(0,0,0,0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
}

.light-sep1 {
    max-width: 80px;
    border: 2px solid #000;
    margin-top: 40px;
    margin-bottom: 40px;
}

#mantotop {
	padding: 130px 0 85px 0;
	color: #fff;
	background-image:url(../img/top-serv.jpg);
	background-attachment: fixed;
	text-transform: uppercase;
	font-weight: 600;
}

#mantotop1 {
	color: #fff;
	background:#0b0f19;
	padding: 50px 0;
}
		
#manto {
	background: #151515;
	color: #fff;
}

#manto .row {
	margin-right: 0px;
	margin-left: 0px;
}

#manto .h22 {
	color: #009688;
	text-transform: uppercase;
	font-weight: 600;
}
		
#manto1 {
	background: #efefef;
	color: #fff;
}

#manto1 .panel-heading a {
	text-decoration: none;
}

#manto1 .panel-heading a:hover {
	text-decoration: none;
	
}

#manto1 .panel-group {
	color: #000;
}

#manto1 .panel {
	border: 0px solid transparent;
	border-radius: 0;
}

#manto1 .panel-heading {
	background-color: #3b5d97;
	border-color: #3b5d97;
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
	border-radius: 0;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#manto1 .panel-heading:hover,
#manto1 .panel-heading:focus {
	background-color: #009688;
	border-color: #009688;
}

#manto1 .panel a {
	color: #fff;
	text-decoration: none;
}

#manto1 .panel a:hover {
	text-decoration: none;
}

#manto1 .panel-body {
	border-top-color: #ddd;
	height: 350px;
	overflow: auto scroll;
	padding: 35px;
}

#manto1 .panel-title {
	font-weight: 600;
}

#manto2 {
	padding: 0;
    background-image: url(../img/backserv.svg);
    background-attachment: fixed;
    color: #fff;

}

#manto2 .row {
    margin-right: 0px;
    margin-left: 0px;
}

#manto2 .col-xs-1, #manto2 .col-sm-1, #manto2 .col-md-1, #manto2 .col-lg-1, #manto2 .col-xs-2, #manto2 .col-sm-2, #manto2 .col-md-2, #manto2 .col-lg-2, #manto2 .col-xs-3, #manto2 .col-sm-3, #manto2 .col-md-3, #manto2 .col-lg-3, #manto2 .col-xs-4, #manto2 .col-sm-4, #manto2 .col-md-4, #manto2 .col-lg-4, #manto2 .col-xs-5, #manto2 .col-sm-5, #manto2 .col-md-5, #manto2 .col-lg-5, #manto2 .col-xs-6, #manto2 .col-sm-6, #manto2 .col-md-6, #manto2 .col-lg-6, #manto2 .col-xs-7, #manto2 .col-sm-7, #manto2 .col-md-7, #manto2 .col-lg-7, #manto2 .col-xs-8, #manto2 .col-sm-8, #manto2 .col-md-8, #manto2 .col-lg-8, #manto2 .col-xs-9, #manto2 .col-sm-9, #manto2 .col-md-9, #manto2 .col-lg-9, #manto2 .col-xs-10, #manto2 .col-sm-10, #manto2 .col-md-10, #manto2 .col-lg-10, #manto2 .col-xs-11, #manto2 .col-sm-11, #manto2 .col-md-11, #manto2 .col-lg-11, #manto2 .col-xs-12, #manto2 .col-sm-12, #manto2 .col-md-12, #manto2 .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
}

#manto2 .info {
	padding: 100px;
    color: #fff;
	text-align: center;
}

#contacttop-1 {
	padding: 130px 0 85px 0;
	color: #fff;
	background-image:url(../img/top-cont.jpg);
	background-attachment: fixed;
	text-transform: uppercase;
	font-weight: 600;
}
		
#contacttop {
	padding: 85px 0 50px 0!important;
	background: #13171f;
	color: #fff;
}
				
		#contact h2 {
		  text-transform: uppercase;
		  color: #fff;
		}
		#contact p {
		  color: #fff;
		}
		#contact .sep {
			max-width: 80px;
			border: 2px solid #fff;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		#contact form {
		  margin: 40px 0;
		}
		#contact .form-group {
		  margin-bottom: 35px;
		}
		#contact .form-control {
		  -moz-border-radius: 0;
		  -webkit-border-radius: 0;
		  border-radius: 0;
		  border: 2px solid #1b212c;
		  color: #0d0d0d;
		  min-height: 45px;
		}
		#contact textarea {
		  height: 140px;
		  resize: none;
		}

		#contac .map
		{
			padding-top: 35px;
		}

		.btn-block {
		  background: #0A0A13;
		  padding: 15px 0;
		  font-size: 16px;
		  -moz-border-radius: 0;
		  -webkit-border-radius: 0;
		  border-radius: 0;
		  color: #fff;
		  -moz-transition: all 0.3s ease-in-out;
		  -o-transition: all 0.3s ease-in-out;
		  -webkit-transition: all 0.3s ease-in-out;
		  transition: all 0.3s ease-in-out;
		  font-weight: 700;
		  letter-spacing: 0.05em;
		  text-transform: uppercase;
		  border: 3px solid #1b212c;
		}

		.btn-block:hover,
		.btn-block:focus,
		.btn-block:active {
		  background: #fff;
		  color: #0d0d0d;
		  text-decoration: none;
		}
		
		#contact1 {
			background: #232323;
		}



#manto2 img:after {
     width: 0;
     height: 0;
     border-right: 50px solid transparent;
     border-top: 50px solid transparent;
     border-left: 50px solid #f0ad4e;
     border-bottom: 50px solid #f0ad4e;
}

#manto2 h3 {
	font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

@media screen and (max-width: 1385px) {
.social li {
    margin: 20px;
}
}

@media screen and (max-width: 1025px) {
.social li {
    margin: 10px 15px 0 20px;
}
}

@media screen and (max-width: 1434px) {
.inf {
	font-size: 0.9em;
}
}

@media screen and (max-width: 1310px) {
.inf {
	font-size: 1.1em;
}
}

@media screen and (max-width: 991px) {
.inf {
	font-size: 1em;
}
}


#ferro {
	background-image:url(../img/bgprod.svg);
	background-attachment: fixed;
	padding: 150px 0;
	color: #fff;
}

#ferrr .modal-dialog {
    width: 95%;
    margin: 30px auto;
}

#ferrr .modal-header{
    min-height: 16.428571429px;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    background: #1d2e4b;
    text-align: center;
    color: #fff;
}

#ferrr .modal-title {
    font-size: 35px;
    text-transform: uppercase;
}

#ferrr .close {
    color: #fff;
	font-size: 35px;
}




#ferrr h5 {
	font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #009688;
    margin: 30px 0;
}

#ferrr .imgferr {
	width: 350px;
}

#ferrr .snip1252 i {
    bottom: 35%;
    right: 47%;
}

#hidr {
	background-image:url(../img/bgprod.svg);
	background-attachment: fixed;
	padding: 150px 0;
	color: #fff;
}

#hidr .imgc {
	width: 35%;
}

/*@media screen and (max-width: 991px) {*/
/*#hidr .imgc {*/
/*	width: 100%;*/
/*}*/
/*}*/



/* .magnify {width: 350px; margin: 50px auto; position: relative;} */


/* .large { */
	/* width: 300px; height: 300px; */
	/* position: absolute; */
	/* border-radius:100%; */
	
	/* Multiple box shadows to achieve the glass effect */
	/* box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),  */
	/* 0 0 7px 7px rgba(0, 0, 0, 0.25),  */
	/* inset 0 0 40px 2px rgba(0, 0, 0, 0.25); */
	
	/* Lets load up the large image first */
	/* background: url('http://consorciouno.mx.s89380.gridserver.com/2018/img/ferr3.jpg') no-repeat; */
	
	/* hide the glass by default */
	/* display: none; */
/* } */

/* To solve overlap bug at the edges during magnification */
/* .small { display: block; } */

.topimg {
	background: transparent;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	z-index: 1;
	    border-radius: 50%;
    padding: 20px;
    width: 130px;
    margin: 30px auto;
}

.topimg:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
	-ms-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.8);
	z-index: 2;
	border: 1px solid #fff;
}


#prodtop {
	padding: 130px 0 85px 0;
	color: #fff;
	background-image:url(../img/top-prod.jpg);
	background-attachment: fixed;
	text-transform: uppercase;
	font-weight: 600;
}


@import url(https://fonts.googleapis.com/css?family=Open+sans);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
.snip1515 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  float: left;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #000000;
  text-align: center;
  line-height: 1.4em;
  font-size: 14px;
  box-shadow: none !important;
}

.snip1515 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.snip1515 .profile-image {
  display: inline-block;
  width: 80%;
  z-index: 1;
  position: relative;
  padding: 10px;
  border: 2px solid #e8b563;
}

.snip1515 .profile-image img {
  max-width: 100%;
  vertical-align: top;
}

.snip1515 figcaption {
  width: 100%;
  background-color: #F2F2F2;
  color: #555;
  padding: 125px 25px 25px;
  margin-top: -100px;
  display: inline-block;
}

.snip1515 h3,
.snip1515 h4,
.snip1515 p {
  margin: 0 0 5px;
}

.snip1515 h3 {
  font-weight: 600;
  font-size: 1.3em;
  font-family: 'Playfair Display', Arial, sans-serif;
}

.snip1515 h4 {
  color: #8c8c8c;
  font-weight: 400;
  letter-spacing: 2px;
}

.snip1515 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}

.snip1515 .icons {
  text-align: center;
  width: 100%;
}

.snip1515 i {
  padding: 10px 2px;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  color: #e8b563;
  opacity: 0.75;
}

.snip1515 i:hover {
  opacity: 1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}


#news {
	padding: 130px 0 35px 0;
	color: #fff;
	background-image:url(../img/top-prod.jpg);
	background-attachment: fixed;
	text-transform: uppercase;
	font-weight: 600;
}


#news1 {
	background-image:url(../img/bgprod.svg);
	background-attachment: fixed;
	padding: 100px 0;
	color: #fff;
}




#hexGrid {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  font-family: sans-serif;
  list-style-type: none;
}

.hex {
  position: relative;
  visibility:hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  transition: all 0.5s;
  backface-visibility: hidden;
  will-change: transform;
  transition: all 0.5s;
}
.hex::after{
  content:'';
  display:block;
  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn{
  position: absolute;
  width:96%;
  padding-bottom: 110.851%; /* =  width / sin(60) */
  margin: 2%;
  overflow: hidden;
  visibility: hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
      -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
          transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transition: all 0.5s;
}
.hexIn * {
  position: absolute;
  visibility: visible;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
        -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
            transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}

.hexLink:hover {
    color: #fff;
}




/*** HEX CONTENT **********************************************************************/
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.hex h1, .hex p {
  width: 100%;
  padding: 5%;
  box-sizing:border-box;
  font-weight: 300;
  opacity: 0;
}

#demo1 {
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    bottom: 60%;
    padding-top: 55%;
    font-size: 0.98em;
    z-index: 1;
    font-weight: 800;
}
.hex h1:before, .hex h1:after {
  display: inline-block;
  margin: 0 0.5em;
  width: 0.25em;
  height: 0.03em;
  background: #ffffff;
  content: '';
  vertical-align: middle;
  transition: all 0.3s;
  text-align:center;
}

#demo2 {
top: 33%;
text-align: center;
text-transform: uppercase;
font-size: 0.8em;
}

#demo2 i{
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#demo2 i:hover{
	color: #f5e2ab;
}

.img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.img:before, .img:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0;
  transition: opacity 0.5s;
}
.img:before {
  background: rgba(0, 150, 136, 0.75)
}
.img:after {
  background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5), transparent);
}

/*** HOVER EFFECT  **********************************************************************/



.hexLink:hover h1, .hexLink:focus h1,
.hexLink:hover p, .hexLink:focus p{
opacity:1;
transition: 0.8s;
}


.hexIn:hover .img:before,
.hexIn:hover .img:after,
.hexIn:hover .hexLink {
  opacity: 1;
}


/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width:1201px) { /* <- 5-4  hexagons per row */
  #hexGrid{
    padding-bottom: 7.4%
  }
  .hex {
    width: 25% !important; /* = 100 / 5 */
  }
  .hex:nth-child(9n+6){ /* first hexagon of even rows */
    margin-left:10%;  /* = width of .hex / 2  to indent even rows */
  }
  
}

@media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
  #hexGrid{
    padding-bottom: 5.5%;
    font-size: 13px;
  }
  .hex {
    width: 25% !important; /* = 100 / 4 */
  }
  .hex:nth-child(7n+5){ /* first hexagon of even rows */
    margin-left:12.5%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
  #hexGrid{
    padding-bottom: 7.4%;
    font-size: 14px;
  }
  .hex {
    width: 33.333% !important; /* = 100 / 3 */
  }
  .hex:nth-child(5n+4){ /* first hexagon of even rows */
    margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 600px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%;
    font-size: 12px;
  }
  .hex {
    width: 50% !important; /* = 100 / 3 */
  }
  .hex:nth-child(3n+3){ /* first hexagon of even rows */
    margin-left:25%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 400px) {
    #hexGrid {
        font-size: 8px;
    }
}

.tiitle {
	color: #009688;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0 0 45px 0;
}

#send {
	background-image:url(../img/bgsend.jpg);
	background-attachment: fixed;
	padding: 300px 0;
}

.grid{
  padding: 60px 0;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  
}
.grid li{
  display: inline-block;
  width: 20%;
  margin: 0;
  padding: 20px;
  /*border: 1px solid;*/
  text-align: left;
  position: relative;
  font-size:12px;
}


@media screen and (max-width: 1190px) {
.grid li{
  width: 20%;
}
}

@media screen and (max-width: 989px) {
.grid li{
  width: 50%;
}
}

@media screen and (max-width: 797px) {
.grid li{
	width: 50%;
	padding: 0px;	
}

#manto2 h3{
	font-size: 19px;	
}
}

.grid figure{
  margin: 0;
  position: relative;
}

.grid figure img{
  max-width: 100%;
  display: block;
  position:relative;
}

.grid figcaption{
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  background: #2c3f52;
  color: #ed4e6e;
}

.grid figcaption h3{
  margin: 0;
  padding: 0;
  color: #fff;
}

.grid figcaption a{
  text-align: center;
  padding: 5px 10px;
  border-radius: 2px;
  display: inline-block;
  background: #ed4e6e;
  color: #fff;
}

/* Style -3 */
.cs-style-3 figure{
  overflow:hidden;
}

.cs-style-3 figure img{
    transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure:hover img{
  transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
}


.cs-style-3 figcaption{
  height: 100px;
  width: 100%;
  top: auto;
  bottom: 0;
  opacity: 0;
  transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
  transition: transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure:hover figcaption{
  opacity: 1;
  transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

#ferrr .nav-pills>li.active>a, 
#ferrr .nav-pills>li.active>a:hover, 
#ferrr .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #009688;
}

#ferrr .nav>li>a:hover, 
#ferrr .nav>li>a:focus {
    text-decoration: none;
    background-color: #f0ad4e;
    color: #fff;
}

#ferrr .tab-content>.tab-pane {
    height: 350px;
    padding: 15px;
	overflow: auto;
}

#ferrr a {
    color: #009688;
}

#ferrr a:hover, 
#ferrr a:focus {
    color: #009688;
    text-decoration: underline;
}

#ferrr .nav-pills>li  {
    margin-left: 2px;
    margin-top: 5px;
}

@media screen and (max-width: 767px) {
#ferrr .nav-pills>li {
    float: initial;
}

#ferrr .tab-content>.tab-pane {
    overflow: auto;
	height: auto;
}
}

#herramientas .hrr_img {
    
   width: 20% important; 
}


#videoINDEX {background: #151515;padding:0 0 75px 0;}

#videoINDEX .contentt {
	width: 75%;
	margin: auto;
}

#videoINDEX .plyr {
    border-radius: 10px;
    margin-bottom: 15px;
}
  
@media screen and (max-width: 767px) {
#videoINDEX .contentt {
	width: 95%;
}
}  
        
#i-prod sup {
    top: -1em;
	font-size: 15px;
}    
   
video#player.hirail-vid {
    width: 100%;
}
.contentt-hirail {
    margin-top: 7%;
}


.panel{
position: absolute;
top:0;
left:0;
display:flex;
justify-content: center;
align-items: center;
height:100%;
width: 100%;
transition: transform 300ms;
z-index:-1;
}
.panel div{  
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
background: beige;
width: 400px;
height:400px;
z-index:1000;
}
.panel[data-on='on'] 
{
transform: scale(1);
}
.panel[data-on='off'] 
{
transform: scale(0);
}
#main-carousel .carro9 {
    margin: -23px 20px !important;
}


.center2{
  display: flex;
  justify-content: center;
}

.divtitulo{
 padding-left: 30px;
 padding-right: 30px;
 margin-bottom: 50px;
 text-align: 18px !important;
}

.aviv2{
    font-size:14px !important;
}

.aviv2:hover{
    color:#3B5D97;
    cursor:pointer;
}

.priv{
    color:white;
}




@media only screen and (min-width: 987px) and (max-width: 1048px) {
  
  .atel{
      font-size:14px !important;
  }
}


@media only screen and (min-width: 992px)  {
  
#divocultar{
     display: none;
    
}



#divgru{
  visibility:hidden;
}

}


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

#divocultar{
     visibility:hidden;
    
}

#divgru{
  visibility:hidden;
}

.fontdivdiv{
    font-size:10px !important;
}


}

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

#vediv{
    font-size:10px !important;
}


}



/*ACTUALIZACION UBICACIONES 15/01/2025*/



.shadowb{
            /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
            text-align:center;
            padding-top:10px;
        }
        
        
         .txtrojo {
            color:#3B5D97;
            font-size:16px;
        }