.banner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url(/wp-content/themes/seafloor-control-multi-language2/img/sfc/sfc-banner.png) no-repeat top center;
	padding: 120px 0 100px;
	background-size: cover;
}
.boxbanner {
	width: 100%;
	max-width:1280px;
	margin: 0 auto;
	overflow: hidden;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.branding{
	width:700px;
}

.boxbanner .texttop1{
	text-align: left;
	color: #440458;
	font-size: 0;
	padding-left: 6px;
}
.boxbanner .texttop2{
	color: #fff;
	flex:1;
	font-size: 38px;
	position: relative;
	font-weight: bold;
        text-shadow: #000 0px 0px 8px;
}
.boxbanner .texttop2 span{
	font-size: 18px;
	letter-spacing: -1px;
	padding-top: 18px;

}
.inner{
color: #000;
}
.left{
color: #000!important;
border-left:8px solid #000!important;
}
@media (min-width: 768px){
	.boxbanner .texttop2 span{
		display: block;
	}
}

@media (max-width: 767px){
	.banner{
		padding:70px 0 0;
	}
	.boxbanner{
		display:block;
	}
	.branding {
		width: auto;
	}
	.boxbanner .texttop2{
		font-size:22px;
		padding:40px 20px 10px;
	}
	.boxbanner .texttop2:after {
		bottom: 0px;
		top: auto;
		left: 30%;
		font-size: 10px;
	}
	.subtextop2 {
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding: 30px 20px;
		line-height: 1.66;
	}
	.area1.nova{
		background:#000;
	}
	.back_tile a{
		color:#fff;
	}
}