@font-face {
    font-family: 'century';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/centurybold.eot');
    src: url('../fonts/centurybold.eot') format('embedded-opentype'),
         url('../fonts/centurybold.woff2') format('woff2'),
         url('../fonts/centurybold.woff') format('woff'),
         url('../fonts/centurybold.ttf') format('truetype'),
         url('../fonts/centurybold.svg#centurybold') format('svg');
}
@font-face {
    font-family: 'century';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/centuryregular.eot');
    src: url('../fonts/centuryregular.eot') format('embedded-opentype'),
         url('../fonts/centuryregular.woff2') format('woff2'),
         url('../fonts/centuryregular.woff') format('woff'),
         url('../fonts/centuryregular.ttf') format('truetype'),
         url('../fonts/centuryregular.svg#centuryregular') format('svg');
}

*,
*:before,
*:after {
  box-sizing: border-box;
}
html, body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	font-family: 'century';
}

.content{
	position: absolute;
	top: 20%;
	width:200px;
	-webkit-transition: 500ms all ease-in-out;
	transition: 500ms all ease-in-out;
}
.subtitle{
	color: #000;
	position: relative;
	white-space: nowrap;
	font-size: 2.5rem;
	font-weight: 300;
	margin: 10px 0;
	-webkit-transition: 500ms all ease-in-out;
	transition: 500ms all ease-in-out;
}
.subtitle span{
	display:block;
}
.secPara{
    line-height: 1.5;
	color: #000;
	position: relative;
	white-space: nowrap;
	font-size: 1rem;
	margin: 10px 0 20px;
	text-transform: capitalize;
	-webkit-transition: 500ms all ease-in-out;
	transition: 500ms all ease-in-out;
}
a.ctaleft {
    text-align: center;
    color: #fff;
    background-color: #1f4e78;
    padding: 7px 15px;
    text-decoration: none;
    -webkit-transition: 500ms all ease-in-out;
    transition: 500ms all ease-in-out;
}
.businessleft {
    text-align: center;
    color: #fff;
    background-color: #1f4e78;
    padding: 7px 15px;
    text-decoration: none;
    -webkit-transition: 500ms all ease-in-out;
    transition: 500ms all ease-in-out;
}
a.cta {
    text-align: center;
    color: #fff;
    background-color: #1f4e78;
    padding: 7px 15px;
    text-decoration: none;
    -webkit-transition: 500ms all ease-in-out;
    transition: 500ms all ease-in-out;
}
.consumercta {
    text-align: center;
    color: #fff;
    background-color: #e6000d;
    padding: 7px 15px;
    text-decoration: none;
    -webkit-transition: 500ms all ease-in-out;
    transition: 500ms all ease-in-out;
}
/* left */

.container11 .left .content{
	left: 45%;
}
.container11.left-is-hovered .left .content{
	left: 67.5%;
}

/* end left */

.newsImg{width:269px !important; height:241px !important;}

/* stayConnected */
.stayConnected {

}
.stayConnected form {
	display: flex;
}
.stayConnected .one-third {
    display: inline-block;
    width: 30% !important;
    margin: 0 !important;
    padding: 0 10px;
}
.stayConnected label{
    width: 100% !important;
}

.stayConnected h5 {
    color: #fff;
    padding: 10px 0;
}
.stayConnected .form-group{
  padding: 0 10px;
}
.stayConnected form p{
	display:none;
}

.stayConnected .wpcf7-form-control{
    background: transparent;
    border: none;
	border-bottom: 1px solid #fff !important;
    border-radius: 0;
	width: 100%;
    box-shadow: none;
	    color: #fff !important;
}
.stayConnected .wpcf7-form-control:hover,
.stayConnected .wpcf7-form-control:focus,
.stayConnected .wpcf7-form-control:active{
  outline: none;
}
.stayConnected .wpcf7-form-control::-webkit-input-placeholder{
  color: #ddd;
}
.stayConnected .wpcf7-form-control:-ms-input-placeholder{
  color: #ddd;
}
.stayConnected .wpcf7-form-control::placeholder {
  color: #ddd;
}
.stayConnected .wpcf7-submit{
    background-color: #e62422;
    color: #fff;
    border: 0px solid transparent !important;
    border-radius: 40px;
    display: inline-block;
    width: unset;
	/* padding:0px 10px; */
}
.stayConnected .wpcf7-submit:hover
.stayConnected .wpcf7-submit:focus,
.stayConnected .wpcf7-submit:active{
	color: #ddd;
}
/* end stayConnected */



/* right */
.container11 .right .content{
	right: 13.5%;
}
.container11 .right .cta {
	background-color: #e6000d;
}
.container11.right-is-hovered .right .content{
	right: 28.5%;
}
/* end right */

.container11 {
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}
.container11 .one-half {
  position: absolute;
  width: 50%;
  height: 100%;
  overflow: hidden;
  min-height: 550px;
}
.container11 .one-half.left {
  left: 0;
  background: url("../images/for-business.jpg") center right no-repeat;
  background-size: cover;
}
.container11 .one-half.right {
  right: 0;
  background: url("../images/for-consumer1.jpg") center center no-repeat;
  
 /*background: url("../images/for-consumer1.jpg") center right no-repeat;*/
  background-size: cover;
}
.container11 .one-half.right:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0,);
  position: absolute;
}
.container11 .one-half.left, .container11 .one-half.right {
  -webkit-transition: 500ms all ease-in-out;
  transition: 500ms all ease-in-out;
}
.container11 .one-half.left:before, .container11 .one-half.right:before {
  -webkit-transition: 500ms all ease-in-out;
  transition: 500ms all ease-in-out;
}
.container11.left-is-hovered .left {
  width: 85%;
}
.container11.left-is-hovered .left .title:after {
  width: 100%;
}
.container11.left-is-hovered .right {
  width: 15%;
}
.container11.left-is-hovered .right:before {
  background: rgba(0, 0, 0, 0.65);
  z-index: 2;
}
.container11.right-is-hovered .right {
  width: 85%;
}
.container11.right-is-hovered .right .title:after {
  width: 100%;
}
.container11.right-is-hovered .left {
  width: 15%;
}
.container11.right-is-hovered .left:before {
  background: rgba(0, 0, 0, 0.65);
  z-index: 2;
}

.banner-logo{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 140px;
  width: 140px;
  background: #fff;
  vertical-align: middle;
  transform:translate(-50%,-50%);
  padding: 50px 10px;
  border-radius: 50%;
}
.banner-logo img{
  width: 100%;
}


.fsNews{
    background-image: url(../images/news-bg.jpg);
    background-size: cover;
    background-position: bottom center;
}
.newsSecTitle{
    position: relative;
    top: 50%;
    transform: translate(0px, -50%);
    font-weight: 700;
}
.newsSecTitle h3 {
    font-size: 2.2rem;
    font-weight: 700;
}
.newsSecTitle a {
    font-size: 12px;
    padding: 6px 10px;
    border: 2px solid #e72522;
    border-radius: 20px;
	color: #e72522;	
}
.newsSecTitle a i{
	background: #494949;
	width: 18px;
	height: 18px;
	color: #fff;
	line-height: 18px;
	text-align: center;
	border-radius: 50%;
}
.newsSecTitle p {
    font-size: 13px;
}
.newsBox {
	transition: 0.5s;
}
.newsBox:hover{
	background-color: #e62422;
}
.newsDate {
    font-size: 18px;
    font-weight: 600;
    color: #737373;
	line-height: 1;
}
.newsBox:hover .newsDate {
	color: #fff;
}
.newsDate span{
	font-size: 3rem;
	display: block;
	color: #cbcbcb;	
}
.newsBox:hover .newsDate span{
	color: #fff;
}
.newsTitle{
	color: #3a3a3a;
	font-weight: 600;
	font-size: 18px;	
	    min-height: 60px;
}
.newsBox:hover .newsTitle{
	color: #fff;	
}
.newsImg{
}
.newsDesc{
	font-size: 13px;
	font-weight: 600;
	color: #878787;
	text-align:justify;
}
.newsBox:hover .newsDesc{
	color: #fff;
}
.newsDetail{
    font-size: 14px;
    font-weight: 600;
    color: #1d1d1d;
}
.newsBox:hover .newsDetail{
	color: #fff;
}




@media(max-width:1200px){

}

@media(max-width:992px){

}	
@media(max-width:768px){
	.container11 .one-half {
		position: relative;
		width: 100%;
		height: unset;
		overflow: hidden;
		text-align: center;
		padding: 100px 0px;
		min-height: unset;
	}
	.container11 .left .content,
	.container11 .right .content,
	.content {
		position : relative;
		top : 20%;
		left : unset;
		right: unset;
		width : unset;
		-webkit-transition: 500ms all ease-in-out;
		transition: 500ms all ease-in-out;
	}
	.container11 {
		height: unset;
	}
	.subtitle,
	.secPara {
		display: none;
	}
	a.cta {
		text-align: left;
		position: unset;
	}
	.subtitle span{
		display: inline;
	}
	.banner-logo {
		top: 50%;
	}
	
}


	



@media(max-width:480px){

}

@media(max-width:360px)
{

}

@media(max-width:320px)
{

}
/*****************************/
/*Stay Connected*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
}
.screen-reader-response{display: none;}
.wpcf7-not-valid-tip {
    color: #faa6a6;
    font-size: 1em;
    font-weight: normal;
    display: block;
}