@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
#topuno {
	width: 96%;
	height: 100px;
	display: block;
	position: relative;
	background-color: white;
	padding-left: 6%;
	padding-top: 25px;
}
.cuadtop2 {
	width: 100%;
	height: 50%;
	margin-top: 9%;
	display: block;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 9999999999 !important;
	background: #071485;
	opacity: 1;
}
.cuadtop12 {
	width: 100%;
	display: block;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 9999999999 !important;
	padding-left: 5%;
	padding-top: 3%;
	height: 250px !important;
}
.cuadtop12 h1{
	padding-top: 4%;
	color: white !important;
	font-size: 2.7em;
	font-family: 'Alice', serif;
}
.cuadtop12 h1 i {
	font-style: normal;
	font-weight: 100;
	font-size: 1.2em;
	color: #f84239;
}
.gris {
	height: auto !important;
	padding-bottom: 10px;
	background:  left top no-repeat #e2eaf4;
}
.contcomdos1 h2{
	width: 80%;
	padding-left: 10% !important;
	padding-top: 5%;
	color: #f84239 !important;
	font-family: 'Alice', serif;
	font-size: 2.7em;
}
.contcomtres1 h2{
	width: 80%;
	padding-left: 10% !important;

	font-size: 2.7em !important;
	color: #f9423a !important;
	font-family: 'Alice', serif;
}
#topdos {
	width: 100% !important;
	min-height: 300px !important;
	height: auto;
	display: block;
	position: relative;
	overflow: hidden;
/*	background: #f5f5f5 url('../img/industries/f1ind.png') no-repeat left top;*/
}

.parallax-img {
  background-image: url('../img/baling/advantages.jpg');
  background-size: 600px 300px;
  background-position: center top;
  background-repeat: no-repeat;

  
}

.parallax-img {
  /*height: 100%;*/
 /* background-attachment: fixed;*/
  /*background-position: center;*/
  
  background-size: ;
}
.cuadtop2 p{
	font-size: 1.1em;
	color: white;
	padding-top: 8% !important;
	padding-left: 10%;
	padding-right: 15%;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
	#topuno {
	width: 100%;
	height: 100px;
	display: block;
	position: relative;
	float: left;
	background-color: white;
	padding-left: 6%;
	padding-top: 25px;
}
/*.cuadtop2 {
	width: 100% !important;
	height: 60% !important;
	display: block;
	float: left;
}*/
/*.cuadtop12 {
	width: 100%;
	height: 50%;
	display: block;
	overflow: hidden;
	text-align: left;
	position: relative;
	z-index: 9999999999 !important;
	padding-left: 5%;
	padding-top: 3%;
}*/
.cuadtop12 h1{
	padding-top: 4%;
	color: white !important;
	font-size: 3.5em;
}
/*.cuadtop12 h1 i {
	font-size: 0.8em;
}*/
/*.cuadtop2 p{
	font-size: 0.8em;
	color: white;
	padding-top: 8% !important;
	padding-left: 10%;
	padding-right: 15%;
}*/






}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
}

/* **************** */

#contcomdosi {
	width: 94% !important;
	height: 450px!important;
	display: block;
	/*min-height: 450px !important;*/
	position: relative;
}
.contcomdosi {
	width: 50% !important;
	height: 450px !important;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../img/baling/baling.jpg') no-repeat left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
	#contcomdosi {
	width: 100% !important;
	height: auto!important;
	display: block;
	/*min-height: 450px !important;*/
	position: relative;
	float: left;
}
.contcomdosi {
	width: 100% !important;
	height: auto; !important;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../img/baling/baling.jpg') no-repeat left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
}
/* **************** */

#contcomtresi {
	width: 94% !important;
	height: 650px!important;
	display: block;
	position: relative;
}
.contcomtresi {
	width: 50% !important;
	height: 650px !important;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../img/baling/common.jpg') no-repeat left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
	#contcomtresi {
	width: 100% !important;
	height: auto!important;
	display: block;
	position: relative;
	float: left;
}
.contcomtresi {
	width: 100% !important;
	height: auto !important;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../img/baling/common.jpg') no-repeat left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	display: none;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
}

/* **************** */

#contcomcuatroi {
	width: 94% !important;
	height: 400px!important;
	display: block;
	/*margin-top: 50px;*/
	/*min-height: 450px !important;*/
	position: relative;
}
.contcomcuatroi {
	width: 50% !important;
	height: 400px !important;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../img/industries/4_home.png') no-repeat left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
	#contcomcuatroi {
	width: 100% !important;
	height: 400px!important;
	display: block;
	float: left;
	/*margin-top: 50px;*/
	/*min-height: 450px !important;*/
	position: relative;
}
.contcomcuatroi {
	width: 100% !important;
	height: 400px !important;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../img/industries/4_home.png') no-repeat left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
}

/* **************** */

.contcomcincoi {
	width: 50% !important;
	height: 650px !important;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../img/industries/5_home.png') no-repeat left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

/* **************** */
#table {
	width: 94%;
	height: auto;
	display: block;
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
}

#table h1{
	width: 70%;
	text-align: center;
	margin-left: 13%;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
#table {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
}

#table h1{
	width: 100%;
	text-align: center;
	margin-left: 0%;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
}

/* ****************** */

#ouri {
	width: 94% !important;
	height: 100px !important;
	display: block !important;
}
.ouri {
	width: 50% !important;
	height: 100% !important;
	display: block;
	float: right;
	position: relative;
	overflow: hidden;
	background-color: #f3f3f3;
	/*margin-top: -22px;
	padding-top: -22px;*/
}

.ouri h2{
	width: 100%;
	color: #070532 !important;
	padding-left: 3% !important;
	padding-top: 2%;
	padding-bottom: 1%;
	text-align: left;
	font-size: 2.7em;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
	#ouri {
	width: 100% !important;
	height: 100px !important;
	display: block !important;
	float: left;
}
.ouri {
	width: 100% !important;
	height: 100% !important;
	display: block;
	float: right;
	position: relative;
	overflow: hidden;
	background-color: #f3f3f3;
	/*margin-top: -22px;
	padding-top: -22px;*/
}

.ouri h2{
	width: 100%;
	color: #070532 !important;
	padding-left: 10% !important;
	padding-top: 2%;
	padding-bottom: 1%;
	text-align: left;
	font-size: 1.7em;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
}

/* **************** */
#content-slider li {
	
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
	#content-slider li {
	width: 100%;
	height: auto;
	display: block;
	float: left!important;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
}
.imagenb1 {
	width: auto !important;
	height: 100px !important;
	display: block;
	background: url('../img/baling/two.jpg') no-repeat left top;
	border-right-width: 3px !important;
	border: 0px solid #dbdbdb;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	opacity: 1 !important;
	cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.imagenb2 {
	width: auto !important;
	height: 100px !important;
	display: block;
	background: url('../img/baling/three.jpg') no-repeat left top;
	border-right-width: 3px !important;
	border: 0px solid #dbdbdb;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	opacity: 1 !important;
	cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.imagenb3 {
	width: auto !important;
	height: 100px !important;
	display: block;
	background: url('../img/baling/four.jpg') no-repeat left top;
	border-right-width: 3px !important;
	border: 0px solid #dbdbdb;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	opacity: 1 !important;
	cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.imagenb4 {
	width: auto !important;
	height: 100px !important;
	display: block;
	background: url('../img/baling/five.jpg') no-repeat left top;
	border-right-width: 3px !important;
	border: 0px solid #dbdbdb;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	opacity: 1 !important;
	cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.imagenb5 {
	width: auto !important;
	height: 100px !important;
	display: block;
	background: url('../img/baling/six.jpg') no-repeat left top;
	border-right-width: 3px !important;
	border: 0px solid #dbdbdb;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	opacity: 1 !important;
	cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.imagenb6 {
	width: auto !important;
	height: 100px !important;
	display: block;
	background: url('../img/baling/seven.jpg') no-repeat left top;
	border-right-width: 3px !important;
	border: 0px solid #dbdbdb;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	opacity: 1 !important;
	cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
.imagenb7 {
	width: auto !important;
	height: 100px !important;
	display: block;
	background: url('../img/baling/eight.jpg') no-repeat left top;
	border-right-width: 3px !important;
	border: 0px solid #dbdbdb;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	opacity: 1 !important;
	cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}