.bg_red{
	background-color: #e00a19;
}
.text-white{
	color: #ffffff;
}
/* --- HOME*/
#video_intro{
	left: 0;
	width: auto;
	height: 720px;
	object-fit: cover;
}
.service-item{
	font-size: 2em;
}
.service-item img{
	width: 100%;
	height: auto;
}
.service-item-text{
	padding-top: 0.5em;
}

.cliente-item{
	padding: 5px;
}

.cliente-item img{
	filter: grayscale(100%);
}
.cliente-item img:hover{
	filter: grayscale(0%);
}
/*
.cliente-item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.cliente-item:hover img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}
*/
.form-control{
	color: #fff !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 2, ../../01 cl html template/New folder/May 2019/175  Supreme Industry/Supreme Industry Html/sass/_banner.scss */
  .banner_part {
    height: 700px;
    background-color: #f0eed4;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 2, ../../01 cl html template/New folder/May 2019/175  Supreme Industry/Supreme Industry Html/sass/_banner.scss */
  .banner_part {
    background-size: cover;
    height: 650px;
  }
}
/*--- RESPONSIVE ---*/
@media screen and (max-width:640px) {
	.banner_part {
		width: 100%;
	  	height: auto;
	}
	#video_intro{
		width: 100%;
		height: auto;
	}
	.cliente-item{
		display: flex;
  		justify-content: center;
	}
	/*--servicios*/
	.service-item{
		display: flex;
		justify-content: center;
		text-align: center;
		font-size: 1.2em;
	}
	.service-item img{
		width: 150px;
	}
	
	.single_industries{
		margin-bottom: 2em;
	}
}
@media screen and (max-width:1024px) and (min-width:640px) {
	.banner_part {
		width: 100%;
	  	height: auto;
	}
	#video_intro{
		width: 100%;
		height: auto;
	}
}
@media screen and (min-width:1024px) and (max-width:1400px) {
   .banner_part {
		width: auto;
	  	height: 450px;
	}
	#video_intro{
		left: 0;
		width: auto;
		height: 450px;
		object-fit: cover;
	}
	.service-item-text{
		padding-top: 0.2em;
	}

}
@media screen and (min-width:1400px) {
	.service-item{
		
	}
}