/*input{
  border-radius: 1000px 1000px 1000px 1000px !important;
}*/

.img-fondo{
    background-image: url(../img/home/01a.jpg);
    background-size: 100%;
    background-attachment: fixed;
    padding: 175px 0;
    margin-bottom: 30px;
    background-repeat: no-repeat;
}
.img-fondo-01{
    background-image: url(../img/home/fondo-02.jpg);
    background-size: 100%;
/*    background-attachment: fixed;*/
    padding: 120px 0;
    margin-bottom: 0px;
    background-repeat: no-repeat;
}

.contain-to-grid{
    background: #fff;
}

h5{
	padding-left: 10px;
	padding-top: 10px;
	font-weight: 400 !important;
	font-size: 19px !important;

}


h2{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: relative;
	font-size: 15px !important;
	
	position: relative;
	margin-left: 45px;
	margin-right: 45px;
	line-height: 22px !important;
	/*top: 50px;*/	
}
h3{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: relative;
	font-size: 18px !important;
	color: #000 !important;
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 24px !important;
	/*top: 50px;*/	
}

h4{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: relative;
	font-size: 16px !important;
	color: #B4532F !important;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 22px !important;
	font-weight: bold;
	/*top: 50px;*/	
}

h5{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: relative;
	font-size: 12px !important;
	color: #000 !important;
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 24px !important;
	/*top: 50px;*/	
}

p{
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 400 !important;
	font-size: 13px !important;
}

.info{
	text-align: right;
}


.ultimo{
	margin-bottom: 0px !important;

}

.ultimo2{
	margin-bottom: 0px !important;
	margin-left: 40px;
	margin-right: 40px;
}


/*.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button){
    background: none;
    
}

.top-bar-section li:not(.has-form) a:hover:not(.button){
    background: none;
    text-decoration: bold;
    color: #1a1a1a;
    
}

.top-bar-section ul li > a{
    color: #ea421e;
    font-weight: bold;
}*/

/*.row:before { 
  display: block;
  content: " ";
  margin-top: -30px; 
  height: 30px;
  margin-bottom: 20px
  visibility: hidden;    
}*/

.empresa-div{
	position: relative;
	height: auto !important;
	background: #009149;
	margin-left: 40px;
	margin-right: 40px;
}

.empresa-tipo{
	font-family: 'Open Sans', sans-serif;
	font-weight: relative;
	font-size: 16px;
	
	position: relative;
	top: 10px;
	margin: auto;
	width: relative;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 0px;
	line-height: 25px;
}
.usos{
	font-family: 'Open Sans', sans-serif;
	font-weight: relative;
	font-size: 16px;
	color: #000;
	position: relative;
	top: 10px;
	margin: auto;
	width: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	line-height: 18px;
}
.productos{
	font-family: 'Open Sans', sans-serif;
	font-weight: relative;
	font-size: 18px;
	color: #000;
	position: relative;
	top: 10px;
	margin: auto;
	width: relative;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 15px;
	line-height: 18px;
}
.tecno-div{
	position: relative;
	height: auto !important;
	background: #BED168;
	margin-left: 40px;
	margin-right: 40px;
}

.tecno-tipo{
	font-family: 'Open Sans', sans-serif;
	font-weight: relative;
	font-size: 12px;
	color: #B4532F;
	position: relative;
	top: 10px;
	margin: auto;
	width: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 18px;
}
.pro-div{
	position: relative;
	height: auto !important;
	background: #FDC909;
	margin-left: 40px;
	margin-right: 40px;
}
.pro-tipo{
	font-family: 'Open Sans', sans-serif;
	font-weight: relative;
	font-size: 16px;
	color: #fff;
	position: relative;
	top: 50px;
	margin: auto;
	width: relative;
	margin-bottom: 120px;
	
}

.alto-1{
	position: relative;
	height: 25px !important;
	background: #FFF;
}


.alto-2{
	height: 300px;
	background: #FFF;
}

.alto-3{
	position: relative;
	height: 350px;
	background: #FFF;
}

.alto-4{
	position: relative;
	height: 530px;
	background: #FFF;
}

.banda{
	height: 5px;
	background: #007CA8;
}

.texto-1{
	text-transform: uppercase;
	color: #58585A;
	font-size: 16px;
	font-weight: 300;
}

.texto-2{
	color: #58585A !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	padding-left: 0px;
}

.rojo{
	color: #F15B4E;

}

.rojo2{
	color: #F15B4E;
	margin-left: 40px;
	margin-right: 40px;
}

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
}


.variable-width{
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  centerMode: true,
  variableWidth: true
}

@media only screen and (max-width: 64.063em) {
	.alto-1{
	position: relative;
	height: 100%;
	background: #FFF;
	}
	.alto-2{
		height: 100%;
		background: #FFF;
	}

	.alto-3{
		height: 100%;
		background: #FFF;
	}

	.alto-4{
		height: 100%;
		background: #FFF;
	}
	h2{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: relative;
	font-size: 12px !important;
	color: #fff;
	position: relative;
	margin-left: 25px;
	margin-right: 25px;
	line-height: 16px !important;
	/*top: 50px;*/	
}
h3{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px !important;
	color: #000 !important;
	line-height: 13px !important;
	margin-left: 5px;
	margin-right: 55px;
	margin-top: 10px;
		
}
p{
	line-height: 16px !important;
	margin-left: 25px !important;
	margin-right: 25px !important;
	font-weight: 400 !important;
	font-size: 12px !important;
}

}

@media only screen and (max-width: 40.063em){
	input[type="text"]{
		height: 1.7rem;
	}
	label.inline {
		padding: 0.35rem 0px;
		margin: -5px 0px 0rem;
	}
}

form {
	margin: 0 !important;
}


.algo{
 text-align: right;
}

.algo a, .algo a:hover{
 color:#000 !important;
}

#banner{
	position: absolute;
	/*right: 0px;*/
	bottom: 10px;
	background-color: #1A171B;
	height: 38px;
	width: 475px;
	opacity: 0.70;
}

#banner-texto{
	font-family: 'Open Sans', sans-serif;
	font-weight: relative;
	font-size: 16px;
	color: #fff;
	position: relative;
	top: 10px;
	margin: auto;
	width: relative;
	margin-left: 10px;
	opacity: 1 !important;
}

#banner-texto-alogin{
	font-family: 'Open Sans', sans-serif;
	font-weight: relative;
	font-size: 25px;
	color: #58585A;
	position: relative;
	top: 15px;
	margin: auto;
	width: 520px;
}

	.overlay-container {
  position: relative; /* <-- Set as the reference for the positioned overlay */
}

.overlay-container .overlay {
  position: absolute; /* <-- Remove the overlay from normal flow         */
  bottom: 0;          /* <-- Keep the overlay at the bottom of the box   */
  left: 0;            /* <-- Set left and right properties to 0          */
  right: 0;           /*     In order to expand the overlay horizontally */

  padding: 0.4rem;
  background-color: rgba(255, 255, 255, 0.7);
}

#footer {
position: fixed;
bottom: 0;
width: 100%;
height: auto; /* choose any height */

}