.section_4_base {
  padding:30px 15px 30px 15px;
}

.section_4_full_banner_base {
  padding:0px 15px 0px 15px;
}

.section_4-title-line {
  border-bottom: 2px solid #263238 !important;
  width:70px;
}
  	
.section_4-img-list-body {
	overflow:hidden;
	background-color: #FFFFFF;
  	padding:5px 5px 0px 5px;
  	text-align:center;
}
	  
.section_4-img-list-body-full {
	background-color: #FFFFFF;
	padding:0;
	line-height:0
  	}

.section_4-img-list img {
  	width:100%;height:auto;
  	cursor:pointer;
  	}

.section_4-img-list-line {
	width:92%;
	border-top:1px solid #dee2e6 !important;
	margin: 0 auto !important;
}


#section_4-image-banner-gallery .section_4-img-list-body .hover-image-zoom-out {
	transform-origin: top left;
	transform: scale(1.05);
	animation:zoom-out 0.4s;
}
@keyframes zoom-out {
	from {
		transform: scale(1.003);
	} to {
		transform: scale(1.05);
	}
}
#section_4-image-banner-gallery .section_4-img-list-body .hover-image-zoom-in {
	transform-origin: top left;
	transform: scale(1);
	animation:zoom-in 0.4s;
}
@keyframes zoom-in {
	from {
		transform: scale(1.05);
	} to {
		transform: scale(1.003);
	}
}
#section_4-image-banner-gallery .section_4-img-list-body .section_4-image-hover-hidden-bg {
	position: absolute;
  	background-color: rgba(0, 0, 0, 0);
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	text-align:left;
  	cursor:pointer;
  	overflow:hidden;
}
.section_4-image-hover-show-bg {
  	background: rgba(0, 0, 0, 0.85) !important;
	animation:fade 0.8s;
}
.section_4-image-out-show-bg {
	position: absolute;
  	background-color: rgba(0, 0, 0, 0);
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	text-align:left;
  	cursor:pointer;
  	overflow:hidden;
  	z-index:999999;
}
#section_4-image-banner-gallery .section_4-img-list-body .section_4-image-hover-hidden-bg #section_4-img-list-more {
	position: absolute;
  	color:#FFFFFF !important;
  	right:1.5rem;
  	bottom:1.5rem;
}
#section_4-image-banner-gallery .section_4-img-list-body .section_4-image-hover-hidden-bg #section_4-img-list-more.image-hover-more {
	right:1.5rem;
  	bottom:1.5rem;
	color:#FFFFFF !important;
	animation:fade 0.4s;
}
@keyframes fade {
	from {
		opacity:0
	} to {
	opacity:1
	}
}
#section_4-image-banner-gallery .section_4-image-hover-hidden-bg .section_4-img-list-title.image-hover-title {
	font-size:20px;
	position:relative;
	color:#FFFFFF !important;
	animation:fade-bottom 0.4s;
}
@keyframes fade-bottom {
	from {
		bottom:-300px;
		opacity:0
	} to {
	bottom:0;
	opacity:1
	}
}
#section_4-image-banner-gallery .section_4-image-hover-hidden-bg .section_4-img-list-info.image-hover-info {
	position:relative;
	font-size:15px;
	
	color:#FFFFFF !important;
	animation:fade-left 0.5s;
}
@keyframes fade-left {
	from {
		left:-300px;
		opacity:0
	} to {
	left:0;
	opacity:1
	}
}
  	
.section_4-slide-img-prev {
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	padding: 5px 15px 5px 15px;
  	left: 0;
  	top: 50%;
	transform:translateY(-50%);
	font-size: 36px;

}
.section_4-slide-img-prev:hover {
	background-color: rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, 0.9);

}

.section_4-slide-img-next {
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	padding: 5px 15px 5px 15px;
	right: 0px;
	top: 50%;
	transform:translateY(-50%);
	font-size: 36px
}
.section_4-slide-img-next:hover {
	background-color: rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 767px) {

.section_4-slide-img-prev {
  display:none;
}
  
.section_4-slide-img-next {
  display:none;
}

}

@media (max-width: 767.98px) {
	.section_4_base {
  		padding:10px 15px 10px 15px;
	}
}


@media (min-width: 768px) {

  .section_4-section-pr-3 {
		padding-right:3rem;
  }

  .section_4-section-px-15 {
		padding-left:8rem;
		padding-right:8rem;
  }

}

@media (max-width: 991.98px) {
	#SectionPcBanner-section_4 {
		display: none;
	}
	
	.section_4-img-list {
  		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 992px) {
	#SectionMobileBanner-section_4 {
		display: none;
	}
	
	.section_4-img-list {
  		-webkit-box-flex: 0;
  		-ms-flex: 0 0 25%;
  		flex: 0 0 25%;
  		max-width: 25%;
  	}

  	.section_4-section-px-15 {
		padding-left:15rem;
		padding-right:15rem;
  	}
}

@media (max-width: 1199.98px) {
	#section_4-image-banner-gallery .image-hover-hidden-bg .section_4-img-list-title.image-hover-title {
		font-size:14px;
	}
	#section_4-image-banner-gallery .image-hover-hidden-bg .section_4-img-list-info.image-hover-info {
		font-size:12px;
	}
	#section_4-image-banner-gallery .section_4-img-list-body .image-hover-hidden-bg #section_4-img-list-more {
		font-size:12px;
	}
}

/*************************
      Background
***********************/
.section_4-bg-color {
  background-color: #FAFAFA !important;
}

.section_4-text-color {
  color: #263238 !important;
}

.section_4-bg-img {
  position: relative;
  background: url();
  background-clip: initial;
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-attachment: fixed;
}

.section_4-bg-img:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  background-attachment: fixed;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}