/*Theme Default Colours*/
.has-navy-color, .binavy { color: var(--binavy); }
.has-binavy-background-color, .binavybg { background-color: var(--binavy); }

.has-orange-color, .biorange { color: var(--biorange); }
.has-orange-background-color, .biorangebg { background-color: var(--biorange); }

.has-red-color, .bired { color: var(--bired); }
.has-red-background-color, .biredbg { background-color: var(--bired); }

.has-blue-color, .biblue { color: var(--biblue); }
.has-blue-background-color, .bibluebg { background-color: var(--biblue); }

.has-green-color, .bigreen { color: var(--bigreen); }
.has-green-background-color, .bigreenbg { background-color: var(--bigreen); }

.has-aqua-color, .biaqua { color: var(--biaqua); }
.has-aqua-background-color, .biaquabg { background-color: var(--biaqua); }

.has-violet-color, .biviolet { color: var(--biviolet); }
.has-violet-background-color, .bivioletbg { background-color: var(--biviolet); }

.has-brown-color, .bibrown { color: var(--bibrown); }
.has-brown-background-color, .bibibrownbg { background-color: var(--bibrown); }

.has-purple-color, .bipurple { color: var(--bipurple); }
.has-purple-background-color, .bipurplebg { background-color: var(--bipurple); }

.has-black-color { color: #000; }
.has-black-background-color { background-color: #000 }

.has-darkgrey-color { color: #333; }
.has-darkgrey-background-color { background-color: #333 }

.has-grey-color { color: #ccc; }
.has-grey-background-color { background-color: #ccc }

.has-white-color { color: #fff; }
.has-white-background-color { background-color: #fff }

.has-blue-color { color: var(--biblue); }
.has-blue-background-color { background-color: #0000ff }
/*Theme Default Colours*/

.hero2{
    border: 2px solid #fff;
  }

  .hero2:hover{
    background: transparent;
  }

.alm-reveal, .alm-listing{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    text-align: left;
}

.exp{
	min-height: 100px;
}

.grecaptcha-badge{
	display: none !important;
}

.newsticker{
	background: #322d64;
	padding: 10px 0;
	color: #fff;
	display: none;
	position: relative;
	top: 0px;
	z-index: 5;
}

.newsticker .nl{
	text-align: right;
}

.newsticker .nl h4{
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 0px;
	font-size: 16px;
}

.newsticker .nc{
	text-align: center;	
}

.newsticker .nc p{
	margin-bottom: 0px;
	font-size: 14px;
}

.newsticker .rmlink{
	font-size: 13px;	
	margin-left: 10px;
	color: #fff;
	/*font-weight: normal;*/
}

.newsticker .rmlink:hover{
	color: var(--biorange);
}

@media (max-width: 992px){
	.newsticker .nl{
		display: none !important;
	}	

	.newsticker .nc{
		text-align: left;
	}
}

@media (max-width: 768px){
	.newsticker{
		padding: 8px 0;
	}

	.newsticker .nc p{
		font-size: 12px;
		line-height: 16px;
	}

	.hnewsslider .slick-slide{
		margin: 0 10px;
	}
}

#vidModal .modal-dialog{
	max-width:70%
}

@media (max-width: 992px){
	#vidModal .modal-dialog{
		max-width:95%;
		margin: 0 auto;
	}
}

body .alm-load-more-btn.btn.brandbtn{
	background-color: var(--biblue);
	color: #fff !important;
	transition: 0.3s;	
	font-size:16px;
	font-weight:bold;
	padding:15px 45px;
	white-space: normal;
	border-radius: 50px;
	/*min-width: 250px;*/
}

body .alm-load-more-btn.btn.brandbtn:hover, body .alm-load-more-btn.btn.brandbtn:focus, body .alm-load-more-btn.btn.brandbtn:active, .alm-load-more-btn.btn.brandbtn.loading{
	/*background: var(--second);
	color:  var(--accent);*/
	background-color: var(--biblue) !important;
	color: #fff !important;
	opacity: 0.9;
	transition: 0.3s;	
}


html{
	scroll-behavior: smooth;
}

html body{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #000;
	/*overflow-x: hidden;*/
}

body a{
	color: var(--biorange);
	font-weight: bold;
	text-decoration: none !important;	
	transition: 0.3s;
}

body p{		
	margin-bottom: 1.8em;
}

body a:hover, body a:focus{
	color: var(--biblue);
	outline:none !important;
}

@media (max-width: 992px){
	.half2{
		margin-top:30px;
	}
}

input:focus, button:focus{
	outline: none !important;
	box-shadow:none !important;
	border-color: #000 !important;
}

blockquote{	
	background: #fff;
	display: block;
    padding: 0 30px;
    font-style: italic;
    margin:0 50px;
    border-color: var(--biorange) !important;
    border-left-width: 3px !important;
}

blockquote strong{
	font-weight: 600;
}	

blockquote cite br{
	display: block;
  content: "";
  margin-top: -8px;
}


body h1, body h2, body h3, body h4, body h5, body h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	/*line-height: 1em;*/
}


.sitewrap{
	overflow-x: hidden;
	position: relative;
}

.ctn{
	position: relative;
	padding:70px 0;
}


body .brandbtn, body .wp-block-button .wp-block-button__link{
	background: var(--biblue);
	color: #fff !important;
	transition: 0.3s;	
	font-size:16px;
	font-weight:bold;
	padding:15px 45px;
	white-space: normal;
	border-radius: 50px;
	/*min-width: 250px;*/
}

.brandbtn:hover, body .wp-block-button .wp-block-button__link:hover{
	/*background: var(--second);
	color:  var(--accent);*/
	opacity: 0.9;
	transition: 0.3s;	
}

body .altbtn{
	background: var(--biorange) !important;	
}

body .altbtn:hover{
	/*background: var(--prime);
	color:  var(--accent);*/
}

.brandbtn i{
	margin-right:10px;
}

/*THEME DEFAULTS*/


/*DEFAULT CF7 STYLING*/
.wpcf7 label{
	width: 100%;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select{
	border: none !important;
	background: #F4F5F4;
	padding: 15px 15px;	
	width: 100%;
	color: #000;
}

.wpcf7 select{
	color: #181932;
}

.wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { /* Edge */
  color: #181932;
}

.wpcf7 input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #181932;
}

.wpcf7 input::placeholder,.wpcf7 textarea::placeholder {
  color: #181932;
}

.fileinput label{
	font-size: 13px;
}

.fileinput input{
	background: #fff !important;
	padding-left: 0px !important;
}

.wpcf7-submit{
	background: var(--biblue) !important;
}

.frmgdpr{
	font-weight: bold;
}

.wpcf7 .frm{
	margin-bottom: 7px;
}

.fileinput, .fileinput label{
	margin-bottom: 0px !important;
	line-height: 18px;
}

.wpcf7 textarea{
	height: 200px;
}

.wpcf7 input[type="checkbox"]{
	margin-right: 5px;
    height: 20px;
    width: 20px !important;
    position: relative;
    top: 3px;
}

.wpcf7 .frmgdpr{
	font-size: 11px;
}

.wpcf7 .frmgdpr a{
	color: var(--biblue);
}

.wpcf7 .wpcf7-submit{
	background: var(--biblue);
	color: #fff !important;
	transition: 0.3s;	
	font-size:14px;
	font-weight:bold;
	padding:15px 45px;
	white-space: normal;
	border-radius: 50px;
	border: none !important;
	max-width: 250px;
}

.wpcf7 .wpcf7-submit:hover{
	transition: 0.2s;
}

@media (max-width: 992px){
	.wpcf7-not-valid-tip {
	    color: #fff;
	    background: #dc3232;
	    font-size: 1em;
	    font-weight: normal;
	    display: block;
	    margin-top: 5px;
	}
}
/*DEFAULT CF7 STYLING*/


/*CONTACT TEMPLATE*/
.acf-map {
	width: 100%;
	height: 400px;
	border: #f5f4ef solid 1px;
	margin: 0;
}

.acf-map .companyname{
	font-weight: bold;
	font-size: 20px;
	margin:0 0 10px 0;
}

.acf-map .companyaddress{
	font-size: 14px;
	margin:0 0 5px 0;
}

.acf-map .companyaddress a{
	font-weight: bold;
	font-size: 14px;
}

@media (max-width: 992px){
	.mapctn{
		margin-top: 40px;
	}
}
/*CONTACT TEMPLATE*/


/*SIDEBAR 2 COLUMN TEMPLATE*/
.sidebar-side{
	position: sticky !important;
	position: -webkit-sticky;
    top: 100px;
    z-index: 1;
}

.sidectn{
	margin-bottom: 30px;
}

.sidectn .heading{
	margin:0 0 10px 0;
	font-weight: bold;
	font-size: 22px;
}

.sideimgctn img{
	margin-bottom: 10px;
	width:100%;
}

.sidenav ul{
	list-style: none;
	padding-left: 0px;
	margin:0px;
}

.sidenav ul a{
	display: block;
	background: #000;
	color: #fff;
	padding: 5px;
	border:1px solid #000;
	margin-bottom: 2px;
}

.sidenav ul a:hover{
	background: #fff;
	color: #000;
	padding-left: 10px;
}
/*SIDEBAR 2 COLUMN TEMPLATE*/



/*.overlaypanel{
	position: relative;
}

.overlaypanel:after{
	background:rgba(0,0,0,0.5);
	position: absolute;
	content:'';
	width:100%;
	height: 100%;
	left:0px;
	top:0px;
}

.overlay-inner{
	position: relative;
	z-index: 10;
}*/


.slick-dots{
	position: relative;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    background: #fff;
    border-radius:20px;
    cursor: pointer;
    transition: 0.2s;
}

.slick-dots li.slick-active{
	background: var(--biorange);
}


.slick-dots li button{
	background: none;
	border:none;
	font-size: 0px;
	outline: none;
}

/*.ekko-lightbox-nav-overlay a span{
	font-size:50px;
}*/


/**************HEADER***************/
.textshadow{
	text-shadow:rgba(0, 0, 0, 0.4) 0px 4px 3px, rgba(0, 0, 0, 0.1) 0px 8px 13px, rgba(0, 0, 0, 0.1) 0px 18px 23px
}

.mc{
	max-width: 1400px;
}

.wc{
	max-width: 1440px;
}

.ac{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#wprmenu_bar .bar_logo{
	border: none;
    margin: 0;
    padding: 0px 8px 0px 0px;
    width: auto;
    height: 45px;
    position: relative;
    left: -15px;
    top: -8px;
}

.header{
	padding: 30px 0;
	position: relative;
	/*position: sticky !important;*/
	top: 0px;
	/*background: var(--binavy) !important;*/
}

.solidheader{
	background: var(--binavy);
/*	position: sticky;
  top: 0px;
  z-index: 999;*/
}

.slideheader{
	position: fixed !important;
	width: 100%;
	left: 0px;
  top: 0px;
  display: none;
}

.header.open{
	background: var(--binavy);
	position: sticky;
  top: 0px;
  z-index: 999;	  
}

.header .logo img{
	max-width: 200px;
	width: 200px;
}

.hr{
	text-align: right;
}

.hr .nav{
	display: block;
}

.hr .nav ul{
	list-style: none;
	padding-left: 0px;
	margin: 0px;
	display: block;
}

.hr .nav ul li{
	display: inline-block;
	padding: 0px 20px;
}

.hr .nav ul li:last-of-type{
	padding-right: 0px;
}

.hr .nav ul li a{
	color: #fff;
	font-size: 16px;
}

.hr .nav ul li.navvision a{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0px;
}

.hr .navglobe img{
	width: 35px;
}

.hr .navdemo a{
	border-radius: 50px;
	background: var(--biorange);
	padding: 20px 30px;
	border: 1px solid var(--biorange);
}

.hr .navdemo a:hover{
	background: transparent;
	color: #fff !important;

}

.hr .nav ul li a:hover, .hr .nav ul li.current-menu-item a{
	color: var(--biorange);
}

.hr .nav .sub-menu{
	position: absolute;
	display: none;
	z-index: 999999;
}

.hr .nav .navglobe  .sub-menu{
	padding-top: 10px;
}

.hr .nav .navglobe  .sub-menu li{
	display: block;
	padding: 0px !important;
	text-align: left;
	width: 100px;
	margin-bottom: 5px;
}

.hr .nav .navglobe  .sub-menu li img{
	margin-right: 10px;
	width: 35px;
}

.hr .nav .navglobe:hover .sub-menu{
	display: block;
}

.hr .nav .navglobe .sub-menu a{	
	color: var(--biorange);
}

@media (max-width: 1200px){
	.hr .nav ul li{		
		padding: 0px 10px;
	}
}

#wprmenu_bar{
	max-width: 100%;
}

@media only screen and (max-width: 992px){
	html {
	    padding-top: 60px !important;
	}
}
/**************HEADER***************/



/**************BREADCRUMBS***************/

/**************BREADCRUMBS***************/




/**************FOOTER***************/
.footer{
	background: var(--biorange);
	padding: 90px 0 30px 0;
	color: #fff;
	font-size: 15px;
}

.footer .visiontxt{
	text-transform: uppercase;
}

.linked{
	font-size: 40px;
}

.footer a{
	color: #fff;	
	word-wrap: break-word;
}

.footer a:hover{	
	color: var(--binavy);
}



.footercol{
	margin-bottom: 30px;
	left: 9%;
	position: relative;
	z-index: 20;
	padding-right: 0px;
}

.footercol h3{
	color: #fff;
	margin-bottom: 30px;
	font-size: 20px;
}

.visiontxt{	
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.visiontxtcapital{
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}

.visiontxtlower{
	font-weight: bold;
	font-style: italic;
}

.footercol ul{
	padding-left: 0px;
	margin: 0px;
	list-style: none;
}

.footercol ul li{
	display: block;
	margin-bottom: 15px;
}

.footerlogo img{
	margin-bottom: 30px;
	max-width: 200px;
}

.footerbottom{
	border-top: 1px solid #fff;
	padding-top: 30px;
	margin-top: 30px;	
}

.footerbottom p{
	margin-bottom: 0px;
	font-size: 14px;
}

.footerbottom .fr{
	text-align: right;
}


@media (max-width: 1200px){
	.footercol{		
		left: 5%;
	}

	.footer .offset-lg-2{
		margin-left: 0%;
		max-width: 100%;
		flex:  0 0 100%;
	}
}

@media (max-width: 992px){
	.footercol{
		margin-bottom: 50px;
		/*left: 0px;*/
	}
}

@media (max-width: 768px){
	.footer, .footerbottom .fr{
		text-align: center;
	}

	.footercol{
		/*padding-left: 15px;
		padding-right: 15px;*/
		margin-right: 15px;
		left: 0px;
	}

	.footercol:last-of-type{
		margin-bottom: 0px;
	}

	.footerbottom .fr{
		margin-top: 15px;
	}

	.footercol h3{
		margin-bottom: 10px;
	}

	.footercol ul li{
		margin-bottom: 5px;
	}
}

/**************FOOTER***************/



/**************MODAL***************/
.modal{
	z-index: 9999999;
}

.modal-open{
	overflow: visible !important;
}

body {
    padding-right: 0px !important;
}

.modal .close{
	z-index: 99;
}
/**************MODAL***************/


/**************BLOG INDEX***************/
.newsimg{
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.newsrow{
	color: #000 !important;
	font-weight: normal;
	line-height: 23px;
	margin-bottom: 50px;
}

.newsrow h3{
	color: var(--prime);
	font-size: 40px;
	margin-bottom: 10px;
}

.rmn{
	margin-top: 10px;
}

.ntxt{
	padding: 50px;
}

.cats{
	text-align: center;
	font-size: 0px;
}


body .pagination{
	text-align: center;
	clear: both;
}

body .pagination{
	text-align: center;
	display: block;
}

body .pagination span, body .pagination a{
	font-weight: bold;
	margin-right:10px;
	font-size:16px;
}

@media (max-width: 992px){
	.newsouter a h3{
		margin-top:30px;
	}
}
/**************BLOG INDEX***************/

/**************SINGLE BLOG***************/
.single-title{
	margin-top:0px;
}

.single-ctn .mainimg{
	width:100%;
	margin-bottom: 30px;
}
/**************SINGLE BLOG***************/

/**************SEARCH***************/
/*form*/
.svg-icon {
    width: 1em;
    top: 3px;
    height: 1em;
    position: relative;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #000;
}

.svg-icon circle {
  stroke: #000;
  stroke-width: 1;
}
/*form*/

.searchresults a{
	color: #000;
}

.searchresults .pagination{
	margin-top: 30px;
}
/**************SEARCH RESULTS***************/



/*Reuseable Gut Blocks */
.bannerblock .wp-block-columns{
	margin-bottom: 0px;
}



.headcol{
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
}


/*@media (max-width: 992px){
	.headtxt h2{
		text-align: center !important;
	}

	body .brandbtn, body .wp-block-button .wp-block-button__link{
		width: 100%;
	}
}*/



.awardsctn{
	background: #edf2f7;	
	padding: 80px 0;
	position: relative;
}

.awardsctn .container{
	position: relative;
	z-index: 20;
}

.awardsctn h3{
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}

.fc{
	  position: absolute;
    left: -7%;    
    top: 50%;
    transform: translate(0%,-50%);
    z-index: 10;
}

.awardspan{	
	padding-left: 6%;
}

.awardsliderctn{
	display: none;
}

.awardsliderctn img{
	height: 100px;
	width: auto;
	filter: grayscale(100%);
	margin:  0 auto;
}

.awardsliderctn .slick-slide{
	margin: 0 5px;
}


@media (max-width: 1600px){
	.fc{
	    left: -20%;
	    height: 120%;
	}
}


@media (max-width: 992px){
	.fc{
	    left: -20%;
	    top: 100%;
	    height: 70%;
	}
}

@media (max-width: 600px){
	.fc{
	    left: -20%;
	    top: 100%;
	    height: 48%;
	}
}




.topcont{
	background:var(--biblue);
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
	font-size: 20px;
}

.topcont span{
	padding-right: 10px;	
	padding-left: 5px;
	display: inline-block;
	border-right: 2px solid #fff;
}

.topcont span:last-of-type{
	border: none;
}


@media (max-width: 768px){
	.topcont{
		padding: 0px;
	}

	.topcont span{
		display: block;
		border: none;
		margin: 5px 0;
		padding: 15px 0;
		border-bottom: 1px solid #1819322b;
	}
}

.contactpanel{
	/*background-image: url('../img/contactpan.png');*/
	padding: 150px 0;
	color: #fff;
}

.contactpanel h2{
	font-size: 32px;
	margin-bottom: 30px;
	font-weight: 600;
}

.contactpanel p.sub{
	font-size: 20px;
	margin-bottom: 60px;
	max-width: 600px;
}

.contactpanel .brandbtn{
	margin: 0 10px 10px 0px;
	font-size: 14px;
	max-width: 250px;
}

@media (max-width: 1400px){
	.contactpanel .brandbtn{
		padding: 10px 20px;
	}
}


@media (max-width: 992px){
	.contactpanel{		
		padding: 70px 0;		
	}
}

@media (max-width: 768px){
	.contactpanel .brandbtn{
		width: 100%;
	}

	.wpcf7-spinner{
		position: absolute;
	}
}


.hasherobg{
	/*background-image: url('../img/h.png');*/
	background-size: cover;
	background-color: var(--binavy);
}


.herotop{
	position: relative;	
	padding: 0px 0 250px 0;	
}


.herotop h3{
	font-size: 22px;
	line-height: 22px;
	color: var(--biorange);
	margin-bottom: 20px;
}

.herotop h1{
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 30px;
}

.herotop p{
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	max-width: 340px;
}

.herotop .btn{
	margin-top: 30px;
}

.heror{
	text-align: center;
}


@media (max-width: 992px){
	.herotop{
		text-align: center;
	}

	.herotop p{
		max-width: none;
	}
}



.homelgpan{
	background-image: url('../img/homebgbig.png');
	background-position: top;
	padding: 0px 0 0 0;
}

.txtvid{
	position: relative;
    /*margin-top: -130px;*/
}

.txtvid h2{
	color: #fff;
    font-size: 32px;
    max-width: 600px;
    font-weight: 600;
}

.txtvid img{
	width: 100%;
}


@media (max-width: 992px){
	.txtvid{
		text-align: center;
		/*margin-top: -60px;*/
	}

	.txtvid h2{
		max-width: none;
	}
}


.newbictn{
	margin: 150px 0 100px 0;
}

.bintxt h3{
	color: #fff;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	left: 35px;

}

.bintxt h3:before{
	content: '';
    position: absolute;
    height: 25px;
    width: 25px;
    background: var(--bired);
    left: -35px;
    top: 5px;
    border-radius: 50%;
}

.bintxt.ins h3:before{
	background: var(--biorange);
}

.bintxt{
	padding: 100px;
}

.binimg{
	position: relative;
}

.him{
	max-width: none;
  width: 150%;  
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.newbictn .row{
	margin-bottom: 100px;
}

.bintxt ul{
	list-style: none;
	padding-left: 0px;
	margin: 0px 0 30px 0;
}

.bintxt ul li{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

.bintxt .btn{
	background: var(--bired);
}

.bintxt.ins .btn{
	background: var(--biorange);	
}

@media (max-width: 992px){
	.bintxt{
		padding: 20px;
	}

	.binimg{
		text-align: center;
		width: 90%;
		margin: 0 auto 20px auto;
	}

	.newbictn .row{
		margin-bottom: 50px;
	}
}

@media (max-width: 768px){
	.newbictn{
		margin: 70px 0 50px 0;
	}

	.bintxt h3{
		font-size: 24px;
	}

	.bintxt h3{
		left: 24px;
	}

	.bintxt h3:before{
		height: 22px;
		width: 22px;
		left: -30px;
	}

	.bintxt .btn{
		width: 100%;
	}


	.him{
		position: relative;
		width: 100%;
		left: 0px;
		top: 0px;
		transform: translate(0%,0%);
	}

	/*.bintxt{
		text-align: center;
	}

	.bintxt h3{
		left: 12px;
	}*/


}

/*.brin{	
    margin: 150px 0 100px 0;
}

.outerbrin{
	    text-align: center;
    padding: 40px 15px;
}

.outerbrin h3{
	color: #fff;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	left: 15px;

}

.outerbrin h3:before{
	content: '';
    position: absolute;
    height: 23px;
    width: 23px;
    background: var(--bired);
    left: -35px;
    top: 5px;
    border-radius: 50%;
}

.outerbrin.in{
	background-image: url('../img/dottedline.png');
	background-repeat: no-repeat;
}

.outerbrin.in h3:before{
	background: var(--biorange);
}

.outerbrin ul{
	list-style: none;
	padding-left: 0px;
	margin: 0px 0 30px 0;
}

.outerbrin ul li{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

.outerbrin .btn{
	background: var(--bired);
}

.outerbrin.in .btn{
	background: var(--biorange);	
}
*/

@media (max-width: 992px){
	.outerbrin.in{
		background: none;
	}

	.brin{
		margin-bottom: 0px !important;
	}
}

@media (max-width: 768px){
	.outerbrin h3{
		font-size: 20px;
	}

	.outerbrin h3:before{
		height: 18px;
    width: 18px;    
    left: -24px;
    top: 3px;
	}

	.outerbrin ul li{
		font-size: 16px;
	}
}

.circpan{
	text-align: center;
	overflow: hidden;
}

.circpan h3{
	color: #fff;
	max-width: 800px;
	margin: 50px auto 50px auto;
	font-weight: 600;
}

.circpan h1{
	font-size:32px;
	color:#fff;
}

.circpan h2{
	font-size:26px;
	color:#fff;
}



.outercirc{
	text-align: center;
}

.innercirc{
	background: #fff;
	border: 7px solid var(--biorange);
	border-radius: 50%;
	text-align: center;
	height: 200px;
	width: 200px;
	position: relative;
	margin: 0 auto;
}

.intxt{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.intxt .top{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.intxt .mid{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 5px;
}

.intxt .bot{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	line-height:13px
}


@media (max-width: 992px){
	.intxt .top{
		font-size: 18px;
	}

	.intxt .bot{
		font-size: 16px;
	}

	.brin{	
	    margin: 70px 0 70px 0;
	}

	.outercirc{
		margin-bottom: 50px;
	}
}



.circscreens{
	margin-top: 100px;
}

.circscreens .contianer{
	position: relative;
}

.circscreens .btn{
	  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,0%);
    background: var(--bired);
    box-shadow: 1px 1px 11px -2px #333;
}

.circscreens .btn:hover{
	background: var(--biblue);
}

@media (max-width: 768px){
	.circscreens{
		margin-top: 30px;	
	}

	.circscreens img{
		width: 200%;
	  max-width: none;
	  left: -50%;
	  position: relative;
	}	
}


@media (max-width: 600px){
	.circscreens .btn{
		top: 30%;
		width: 90%;
		max-width: 230px;
	}
}

.latestnews{
	padding: 30px 0;
}

.latestnews.events{
	padding: 30px 0 0 0;
}

.latestnews h2{
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px;
}

.home .latestnews h2{
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
}

.outernews a{
	display: block;
	background: #EDF2F7;
	color: #000 !important;
	font-weight: normal;
}

.outernews img{
	width: 100%;
	object-fit: cover;
	height: 180px;
}

.outernews.just1 img{
	height: 400px;
}

.outernews.just2 img{
	height: 350px;
}

.newsinner{
	padding: 20px 20px 5px 20px;
}

.newsinner h3{
	font-size: 16px;
	margin-bottom: 20px;
}

.newsinner p{
	font-size: 15px;
	line-height: 22px;
}

.newsinner p.rm{
	font-weight: bold;
	color: var(--biblue);
	margin-top: 40px;
	margin-bottom: 5px;
}

.newsinner p.rm:hover{
	font-weight: bold;
	color: #000;
}

.newsbtnctn{
	text-align: center;
	margin-top: 30px;
}

/*.home .newsbtnctn{
	margin-top: 30px;	
}*/


@media (max-width: 992px){
	.outernews{
		margin-bottom: 30px;
	}

	.outernews.just1 img{
		height: auto;
	}

	.outernews.just2 img{
		height: auto;
	}
}

@media (max-width: 768px){
	.newsbtnctn{
		margin-bottom: 30px;
	}

	.outernews img{
		height: auto;
		object-fit: initial;
	}
}



.partnersctn{
	padding: 40px 0;
}

.partnersctn h2{
	text-align: center;
	margin-bottom: 50px;
	font-weight: 600;
}

.partnerslider{
	display: none;
	text-align: center;
}

.partnerslider img{
	display: inline-block;
	margin:  0 auto;
}




.testwrap{
	background-image: url('../img/testbg.png');
	background-position: top;
}

/*.testimonials{
	padding-top: 50px;
}*/

.testimonials .ti img{
	border-radius: 50%;
	width: 75%;
}

.testimonials .tt{
	padding-left: 100px;	
	padding-right: 100px;
}

.testimonials p{
	color: #fff;
    font-size: 30px;
    line-height: 40px;
}

.testimonials h4{
	color: #fff;
  font-size: 18px;    
  margin-bottom: 15px;
}

.testslider{
	display: none;
}

@media (max-width: 992px){
	.testimonials .ti img{
		width: 50%;
    margin: 0 auto 50px auto;
	}

	.testimonials .tt{
		padding: 0 20px !important;
	}

	.testimonials p{
		font-size: 26px;
		line-height: 32px;
	}

	.testimonials .btnctn{
		text-align: center;
	}
}

@media (max-width: 768px){
	.testimonials .ti img{
		width: 90%;    
	}
}


.matchpointsctn{
	position: relative;
	overflow: hidden;
	background: var(--binavy);
}

.matchpointsctn p{
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	padding-right: 15%;
}

.matchpointsctn h2{
	color: #fff;
	font-size: 34px;
	margin: 30px 0;
}

.matchpointsctn .overlay{	
	/*background: linear-gradient(4deg, rgba(24,25,50,1) 12%, rgba(24,25,50,0.4009978991596639) 51%);*/
	background-image: url('../img/gradient-overlay-v4.png');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 101%;
}

.matchslider{
	display: none;
}

.matchslider img{
	object-fit: cover;
    width: 100%;
    height: 900px;
}

.mlogo img{
	width: 100%;
    position: relative;
    top: -100px;
    z-index: -1;
}


@media (max-width: 992px){
	.matchpointsctn{
		text-align: center;
	}

	.matchpointsctn p{
		padding-right: 0px;
	}

	.matchtxt{
		padding: 50px 20px;
	}

	.mlogo img{
		top: 0px;
	}
}

@media (max-width: 600px){
	.matchslider img{    
    height: 750px;
  }
}

@media (max-width: 400px){
	.matchslider img{    
    height: 680px;
  }
}



.contactctn{
	/*background-image: url('../img/contact/background.png');*/
	background-size: cover;
	background-position: 0 30%;
	padding: 100px 0 150px 0;
}

.contactctn .frmgdpr {
	color: #fff;
}

.clt h4{
	color: var(--biorange);
	margin-bottom: 50px;
}

.clt h2{
	color: #fff;
	font-size: 50px;
}

.clt p{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	max-width: 400px;
	line-height: 24px;
}

.clt ul{
	list-style: none;
	padding-left: 0px;
	margin-top: 50px;
}

.clt ul li{
	margin-bottom: 10px;
}

.clt ul li a{
	color: #fff;
	font-size: 32px;
}

.clt ul li a:hover{
	color: var(--biorange);
	font-size: 32px;
}

@media (max-width: 1200px){
	.clt ul li a{
		font-size: 26px;
	}
}

@media (max-width: 992px){
	.contactctn{
		padding: 50px 0 70px;
	}
}

@media (max-width: 500px){
	.clt ul li a{
		font-size: 18px;
	}
}

.signupboxctn{
	margin-top: 50px;
	max-width: 1000px;
}

.mpmessageholder{
	color: #fff !important;
	font-size: 20px;
}

.signupinner{
	/*background-image: url('../img/contact/signup.png');*/
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 15px;
	padding: 60px 15px;
	text-align: center;	
	position: relative;
}

.signupinner .btn{
	position: absolute;
	left: 50%;
  bottom: -27px;
  transform: translate(-50%,0%);
  max-width: 250px;
}

.signupinner h2{
	color: #fff;
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 600;
}

.signupinner p{
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	max-width: 600px;
	margin:  0 auto;
}

.mpform .mpm-container, .mpform .mpm-container #mpmInnerForm{
	background: none !important;
}

.mpform .mpm-container input{
	margin-bottom: 15px !important;
}

.mpform .mpm-container button{
	background-color: var(--biblue) !important;
	color: #fff !important;
	transition: 0.3s;	
	font-size:16px !important;
	font-weight:bold;
	padding:15px 45px !important;
	display: inline-block;
	white-space: normal;
	border-radius: 50px !important;
	/*width: 300px !important;*/
}

@media (max-width: 992px){
	.signupinner h2{
		font-size: 30px;
	}

	.signupinner p{
		font-size: 18px;
		line-height: 20px;
	}

	.signupinner .btn{
		min-width: 220px;
		width: 90%;
	}
}


#bookModal .topcont{
	display: none !important;
}

.modal-dialog{
	max-width: 90%
}

@media (max-width: 992px){
	.modal-dialog{
		max-width: 100%
	}
}

.mclose{
	position: absolute;
	top: 10px;
	right: 15px;
	opacity: 1;
	color: #fff;
}





.simpletop{
	background: #EDF2F7;
	margin-bottom: 50px;
}

.simpletop h1{
	padding: 120px 0;
	font-size: 38px;
	letter-spacing: -1px;
	font-weight: 600;
}


@media (max-width: 992px){
	.simpletop h1{
		padding: 60px 0;
		font-size: 26px;
		letter-spacing: 0px;
	}	
}


/*FAQ*/
.faqctn .card .card-header h2:after {
    font-family: 'FontAwesome';  
    content: "\f00d";
    float: right; 
    position: absolute;
    right: 15px;
    font-size: 14px;
    opacity: 0.5;
    color: #000;
}
.faqctn .card.collapsed .card-header h2:after {
    /* symbol for "collapsed" panels */
    content: "\f078"; 
    color: var(--biblue);
}

.acchead{
	background: var(--biblue);
	color: #fff;
	padding: 15px 20px;
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 600;
}

.accordion{
	margin-bottom: 70px;
}

.faqctn .card-header{
	padding: 15px 20px;
	cursor: pointer;
	background: none;
	border: none;
}

.faqctn .card{
	border: none;
	padding: 15px 0 5px 0;
}

.faqctn .card-header h2{
	margin-bottom: 0px;
	color: var(--biblue);
	font-weight: bold;
	font-size: 22px;
	padding-right: 20px;
}

.faqctn .card{
	background: #EDF2F7;
	border-bottom: 1px solid #CECECE;
}

.faqctn .card:first-of-type{	
	border-top: 1px solid #CECECE;
}

.faqctn .card h2{
	color: #000;
	font-weight: 600;
}

.faqctn .card.collapsed{
	background: #fff;	
}

.faqctn .card.collapsed h2{
	color: var(--biblue);
}

@media (max-width: 768px){
	.faqctn .card-header h2{
		font-size: 16px;
	}

	.faqctn .card-body{
		font-size: 15px;
	}
}


.visbox{
	background-color: var(--binavy);
	border-radius: 15px;
	position: sticky;
	top: 50px;
}

.visbox h2{
	color: #fff;
    font-size: 32px;
    padding: 20px;
    line-height: 42px;
}

.visbox img{
	width: 100%;
}

.visbox .btn{
	position: absolute;	    
    left: 50%;
    bottom: -27px;
    transform: translate(-50%,0%);
    padding: 15px 25px;
    min-width: 180px;
}



.singletop{
	background: #EDF2F7;
	margin-bottom: 50px;
}

.topmeta{
	padding: 80px 0 100px 0;
	margin-bottom: 50px;
}

/*.topmeta .heads{
	margin-bottom: 100px;
}*/

.topmeta h1{
	font-size: 38px;
	margin-bottom: 0px;
}

.topmeta h2{
	font-size: 24px;
	font-weight: normal;
}

.topmeta .singcat h3{
	color: var(--biorange);
	font-size: 20px;
	text-transform: uppercase;
}

.topmeta .singcat p{
	font-weight: bold;
	margin-bottom: 0px;
}

.minustop{
	position: relative;
	margin-top: -170px;
}

.fimg{
	margin-bottom: 30px;
}

.thefimg{
	width: 500px;
	float: right;
	margin: 0 0 15px 15px;
}

.cols2right h1, .cols2right h2, .cols2right h3, .cols2right h4, .cols2right h5, .cols2right h6{
	font-weight: 600;
}

@media (max-width: 992px){
	.thefimg{
		width: 100%;
		float: none;
		margin: 0 0 15px 0px;
	}

	.topmeta{
		padding: 20px 0 30px 0;
	}

	/*.topmeta .heads{
		margin-bottom: 50px;
	}*/

	.topmeta h1{
		font-size: 26px;
		margin-bottom: 0px;	
	}

	.topmeta .singcat p{
		margin-bottom: 0px;
	}

	.minustop{
		margin-top: 0px;
	}

	.moreslider{
		margin-bottom: 30px !important;
	}
}




.jobside h2{
	margin-bottom: 30px;
}

.jobside .wpcf7 input, .jobside .wpcf7 textarea{
	border: none !important;
	background: #F4F5F4;
	padding: 15px 15px;
}

.fileinput label{
	font-size: 13px;
}

.fileinput input{
	background: #fff !important;
	padding-left: 0px !important;
}

.jobside .wpcf7-submit{
	background: var(--biblue) !important;
}

.jobside .frmgdpr{
	font-weight: bold;
}

.jobside{
	/*position: sticky;
	top: 50px;*/
}

.jobbox{
	background-image: url('../img/jobbg.png');
	border-radius: 15px;
	position: relative;
	padding: 30px 30px 60px 30px;
	color: #fff;
	margin-bottom: 30px;
}

.jobbox h2{
	color: #fff;
    font-size: 40px;
    line-height: 42px;
    font-weight: 600;
}

.jobbox .btn{
	position: absolute;
    left: 20px;
    bottom: -27px;
    transform: translate(0%,0%);
    padding: 15px 25px;
}

.jobbox p{
	margin-bottom: 20px;
	font-weight: normal;
}

@media (max-width: 992px){
	.jobbox{
		margin-top:40px
	}
}


.moreslider{
	margin-bottom: 80px;
}

.moreside{
	padding-right: 50px;
}

.moreside h2{
	text-align: left;
	font-weight: 300;
	font-size: 42px;
}

.moreside p{
	margin-bottom: 10px;
}

.moreside a{
	color: var(--biblue);
	letter-spacing: 0px;
}

.custar{
	margin-top: 20px;
}

.custar i{
	background: var(--biblue);
	color: #fff;
	padding: 20px;
	border-radius: 50%;
	cursor: pointer;
	margin-right: 10px;
}

.custar i:hover{
	background: #fff;
	color: var(--biblue);
}

.singlemoreslider{
	display: none;
}

.singlemoreslider .slick-slide{
	margin: 0 10px;
}

.singlemoreslider{
	width: calc(100% + 30px);
	margin-left: -15px;
}

@media (max-width: 992px){
	.moreside h2{
		font-size: 28px;
	}
}


.sidequote{
	margin-bottom: 40px;
}

.sidequote p{
	color: var(--biblue);
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
}

.sidequote h5{
	font-size: 14px;
	line-height: 16px;
}

.sidequote h6{
	font-size: 13px;
	font-weight: normal;
}


.cols2 .wp-block-image.size-full img{
	width: 100%;
	height: auto;
}


.caselogo{
	/*margin-top: -50px;*/
	margin-bottom: 50px;
	width: 90%;
}

.sidecase ul{
	padding-left: 30px;
	margin-bottom: 50px;
}

.sidecase ul li{
	color: var(--biblue);
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 30px;	
}






.page-template-template-team .hasherobg{
	background-position-y: 0%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: 80%;
}

.teamhero{
	background-size: cover;
	padding: 170px 0 160px 0;
}

.teamhero h3{
	font-size: 22px;
	line-height: 22px;
	color: var(--biorange);
	margin-bottom: 20px;
}

.teamhero h1{
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 30px;
	font-weight: 600;
}

.teamhero p{
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	max-width: 340px;
}

.teamhero.herotop .btn{
	margin-top: 30px;
}

@media (max-width: 1200px){
	.page-template-template-team .hasherobg{
		background-position-y: 0%;
	    background-position-x: 100%;
	    background-repeat: no-repeat;
	    background-size: 100%;
	}

	.teamhero{
		padding: 50px 0 160px 0;
	}
}


@media (max-width: 992px){
	.page-template-template-team .hasherobg{
		background-position-y: 0%;
	    background-position-x: 70%;
	    background-repeat: no-repeat;
	    background-size: 130%;
	}
}


@media (max-width: 600px){
	.page-template-template-team .hasherobg{
		background-position-y: 0%;
	    background-position-x: 70%;
	    background-repeat: no-repeat;
	    background-size: 240%;
	}
}




.teamctn{	
	background-color: var(--binavy);
	/*background-image: url('../img/team/teambg.png');*/
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}

.outerteam{
	margin-bottom: 30px;
}

.outerteam img{
	width: 100%;
}

.inteam{
	background: #fff;
	padding: 20px;
	font-size: 15px;
    font-weight: 600;
    line-height: 23px;
}

.inteam h3{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 3px;
}

.inteam h4{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
	font-weight: 600;
}

.inteam .lin{
	color: var(--biblue);
	font-weight: bold;
	margin-top: 20px;
	display: inline-block;
}

.inteam .lin:hover, .inteam .lin:focus{
	color: var(--biorange);
}

.teamsignup{
	margin-top: 60px;
	text-align: center;
	padding: 50px 20px 90px 20px;
}

.teamsignup .btn{
     position: absolute;
    left: 50%;
    border: 0%;
    transform: translate(-50%,0%);
}

.teamsignup p{
	max-width: 400px;
	margin: 0 auto;
}




.careershero{
	position: relative;	
	padding: 270px 0 270px 0;	
	background-color: var(--binavy);
	background-position: top;
	/*background-image: url('../img/career/careerhero.png');*/
}

.page-template-template-about .careershero{
	padding: 270px 0 400px 0;
}

.careershero.mobilehero{
	display: none;
}


.careershero .bottomimg{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
}


.careershero h3{
	font-size: 22px;
	line-height: 22px;
	color: var(--biorange);
	margin-bottom: 20px;
}

.careershero h1{
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 30px;
	font-weight: 600;
}

.careershero p{
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	max-width: 340px;
	margin-bottom: 0px;
}

.careershero .btn{
	margin-top: 30px;
}


@media (max-width: 992px){
	.page-template-template-about .careershero{
		padding: 50px 0 100px 0;
	}

	.careershero{
		text-align: left;
		padding: 50px 0 100px 0
	}

	.careershero p{
		max-width: none;
	}

	.careershero.mobilehero{
		display: block;
	}

	.careershero .deskhero{
		display: none;
	}
}




.careermain{
	background-image: url('../img/career/careerbg.png');
	background-size: cover;
	background-position: top;	
	background-repeat: no-repeat;
}

.careerawards{
	text-align: center;
	color: #fff;
	padding: 50px 0 120px 0;
}

.careerawards .container{
	max-width: 800px;
}

.careerawards h2{
	color: #fff;
	margin-bottom: 30px;
	font-size: 36px;
}

.careerawards .subcareer{
	color: #fff;
	margin-bottom: 40px;
	font-size: 24px;
}

.careerawards ul{
	list-style: none;
	padding-left: 0px;
}

.careerawards ul li{
	margin: 20px 0;
	font-size: 18px;
	font-weight: 500;
}



.joinvision{
	color: #fff;
	padding-bottom: 50px;
}

.joinvision .vl h2{
	font-size: 28px;
	color: #fff;
	margin-bottom: 40px;
	font-weight: 600;
}

.joinvision .vl h3{
	font-size: 24px;
	color: #fff;
	margin-bottom: 40px;
	font-weight: 600;
}

.joinvision .vl p{
	font-size: 20px;
	color: #fff;
	margin-bottom: 30px;
}


.visboxouter{
	margin-bottom: 4px;
	padding: 8px !important;
}

.visinnerbox{
	background: #fff;
	padding: 70px 35px;
	color: #000;
}

.visinnerbox img{
	margin-bottom: 20px;
}

.visinnerbox h2{
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 600;
}

.visinnerbox p{
	font-size: 17px;
}


.benefits{	
	color: #fff;
}

.benefits .container{
	background-image: url('../img/career/careerline.png');	
	background-position: top;
	background-repeat: no-repeat;
	padding: 60px 15px;
}

.benefits img{
	width: 100%;
}

.benefits h3{
	font-size: 40px;
	margin-bottom: 30px;
	color: #fff;
	padding-left: 30px;
	font-weight: 600;
}

.benefits ul{
	padding-left: 0px;
	color: #fff;
	padding: 0 30px 0 50px;
	font-size: 14px;
	margin-bottom: 0px;
}


@media (max-width: 992px){
	.benefits h3{
		padding-left: 0px;
	}
}


.jobsboxes h2{
	text-align: left;
	font-weight: 600;
}

.jobsboxes .outernews{
	margin-bottom: 30px;
}


.jobbottomfrm .container{
	max-width: 800px;
}

.jobbottomfrm h3{
	font-weight: 600;
}


.bannerhero{
	position: relative;
}

.newsp{
	font-weight: bold;
	font-size: 20px !important;
}

.bannerhero .bannerimg{
	width: 100%;
	object-fit: cover;
    max-height: 800px;
}

.bannerinfo{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: rgba(0,0,0,0.3);
	width: 100%;
	color: #fff;
}

.bannerinfo .container{
	position: relative;
	padding: 40px 15px;
}

.bannerinfo h1{
	font-size: 60px;
	margin-bottom: 10px;
}

.bannerinfo p{
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 40px;
}

.bannerinfo .btn{
	position: absolute;
    left: 15px;
    bottom: -27px;
    transform: translate(0%,0%);
    padding: 15px 25px;
}


@media (max-width: 992px){
	.bannerinfo .container{		
		padding: 20px 15px;
	}

	.bannerinfo h1{
		font-size: 40px;
		margin-bottom: 10px;
	}

	.bannerinfo p{
		font-size: 18px;		
		line-height: 30px;
	}
}

@media (max-width: 768px){
	.bannerinfo{
		position: relative;
		background: var(--binavy);
	}
}




.midblog{
	padding: 100px 0 10px 0; 	
	background-image: url('../img/blog/blogbg.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.linkedinbox{
	border-radius: 15px;
	background: #2E3267;
	padding: 50px 20px;
	text-align: center;
	color: #fff;
	margin-top: 60px;
}

.linkedinbox h2{
	font-size: 32px;
	margin-bottom: 20px;
}

.linkedinbox img{
	margin-bottom: 30px;
}

@media (max-width: 992px){
	.linkedinbox{
		margin-bottom: 60px;
	}
}


.featureblog img{
	width: 100%;
	object-fit: cover;
	height: 415px;
	width: 100%;
}

.featmet{
	position: relative;
	background: #2E3267;;
	padding: 20px;
}

.featmet h2{
	font-size: 14px;
	margin-bottom: 10px;
	color: #fff;
}

.featmet p{
	font-size: 20px;	
	color: #fff;
}

.featmet .btn{
	position: absolute;
    left: 20px;
    bottom: -27px;
    transform: translate(0%,0%);    
}

.blognewsctn{
	margin-top: 50px;
}

.blognewsctn h2{
	text-align: left;
}

.blognewsctn .outernews{
	margin-bottom: 30px;
}


@media (max-width: 992px){
	.blognewsctn{
		margin-top: 0px;
	}

	.midblog{
		padding-top: 50px;
	}

	.featureblog img{
		width: 100%;
		height: auto;
	}
}



.casestudiesctn{
	color: #fff;
}

.casestudiesctn h2{
	font-size: 34px;
	margin-bottom: 20px;
}

.casestudiesctn p{
	font-size: 22px;
	margin-bottom: 20px;
}


@media (max-width: 992px){
	.page-template-template-case-studies .blognewsctn{
		margin-top: 30px;
	}
}



.mediastory{
	background: #EDF2F7;
	padding: 80px 0;
	text-align: center;
}

.outermed{
	margin: 40px 0;
}

.outermed img{
	margin-bottom: 30px;
}

.outermed h3{
	margin-bottom: 20px;
}

.mediastory{
	padding: 40px 0 20px 0;
}


.pressequiryctn{
	padding: 50px 0;
}

.pressequiryctn .container{
	max-width: 800px;
}



.abouthero{
	background-image: url('../img/about/abouthero.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}

.abouttxt{
	background: var(--binavy);
	padding-bottom: 60px;
}

.abouttxt h2{
	color: #fff;
	margin-bottom: 20px;
	font-weight: 600;
}

.abouttxt h2{
	color: #fff;
	margin-bottom: 20px;
}

.aboutsub{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 600;
}

.abouttxt p{	
	font-size: 16px;	
	color: #fff;
}



.founders{
	background: var(--binavy);
	padding: 0px 0;
	color: #fff;
	position: relative;
	overflow-x: hidden ;
}

.founders h2{
	color: #fff;
	margin-bottom: 20px;
}

.aboutboxes{
	background: var(--binavy);
	padding-top: 70px;
}


.insightsbottom{
	text-align: center;
	padding: 80px 0;
}

.insightsbottom .container{
	max-width: 1000px;
}

.insightsbottom .container .btn{
    left: 50%;    
    transform: translate(-50%,-50%);
    bottom: -53px;
}


.timelinectn{
	background-image: url('../img/about/aboutbg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	padding: 100px;
}

.timelinetop{
	color: #fff;
}

.timelinetop h2{
	color: #fff;
	margin-bottom: 20px;
}

.timelinetop p{
	color: #fff;
	margin-bottom: 20px;
}

@media (max-width: 992px){
	.timelinectn{
		padding: 60px 30px;
	}
}

@media (max-width: 768px){
	.timelinectn{
		padding: 60px 15px;
	}
}



.steps {
  position: relative;
  margin-top: 32px;
}
.steps::after {
  content: "";
  position: absolute;
  width: 3px;
  background-color: var(--biorange);
  opacity: 1;
  top: 0;
  bottom: 0;
  left: 50%;
}

.steps .content p {
  color: #fff;
  font-size: 16px;
}

.steps .content h2 {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.steps-container {
  position: relative;
  background-color: inherit;
  width: calc(50% + 32px);
  z-index: 1;
}

.steps-container .content {
  padding: 32px;  
  position: relative;
  width: 100%;
  /*min-width: 523px;*/
  /*background-color: white;
  border-radius: 0px 0px 80px 0px;
  box-shadow: 0px 16px 27px rgb(0 11 30 / 10%);*/
}

.steps .steps-container:nth-child(odd) {
  left: calc(50% - 32px);
  flex-direction: row-reverse;
}

.steps-container {
  display: flex;
}

.steps .steps-container .date {
  font-weight: 900;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
  width: 62px;
  height: 62px;
  background-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 777;
  border: 3px solid var(--biorange);  
  position: relative;
}

.steps .steps-container .date:before {
      content: " ";
    position: absolute;
    z-index: -1;
    top: -6px;
    left: -6px;
    right: 0px;
    bottom: 0px;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 68px;
    height: 68px;
}

@media (max-width: 767px) {
  .steps::after {
    left: 32px;
  }
  .steps-container {
    left: 0;
    flex-direction: row-reverse;
    width: auto;
    margin-bottom: 16px;
  }
  .steps .steps-container:nth-child(odd) {
    left: 0;
  }

  .steps-container .content {
  	/*min-width: 0px;*/
  }
}




.page-template-template-support .topcont{
	display: none;
}

.supporthero{
	position: relative;	
	padding: 100px 0 10% 0;	
	/*background-image: url('../img/support/supporthero.png');*/
}

.supporthero.deskhero{
	background-position: top;
	padding: 260px 0;
}

.supporthero.mobilehero{
	display: none;
}

.supporthero .bottomimg{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30%;
}

.supporthero h3{
	font-size: 22px;
	line-height: 22px;
	color: var(--biorange);
	margin-bottom: 100px;
}

.supporthero h1{
	font-size: 50px;	
	color: #fff;
	margin-bottom: 10px;
	font-weight: 600;
}

.supporthero h2{
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 600;
}

.supporthero p{
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;	
}

.supporthero .btn{
	margin-top: 30px;
}



@media (max-width: 992px){
	.supporthero.mobilehero{
		display: block;
	}

	.supporthero.deskhero{
		display: none;
	}
	/*.supporthero{
		text-align: center;
	}*/

	.supporthero p{
		max-width: none;
	}

	.supporthero h2{
		font-size: 26px;
	}

	.supporthero h3{
		margin-bottom: 50px;
	}
}


.supportbg{
	/*background-image: url('../img/support/supportbg.png');*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	padding: 20px 0 20px 0;
}

.supportbg .container{
	background-image: url('../img/support/supportline.png');
	background-repeat: no-repeat;
}

.supportbg .container:first-of-type{
	background: none !important;
}

.supportctn{
	max-width: 900px;
	color: #fff;
	padding: 50px 0;
	margin: 0 auto;
}

.supportctn h2{
	margin-bottom: 30px;
	font-weight: 600;
}

.oppimg{
	text-align: right;
}

.supportbg .container:first-of-type .srow{
	padding-top: 0px;
}

.srow{
	padding: 100px 0;
}

.supportctn .supportsub{
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 20px;
}

.supportctn p:last-of-type{
	margin-bottom: 0px;
}


@media (max-width: 992px){
	.si{
		text-align: center !important;
	}

	.srow{
		padding: 40px 0;
	}

	.supportctn{
		padding-top: 0px;
	}
}



.matchpage h3{
	color: var(--biorange);
	margin-bottom: 70px;
}

.matchpage h4{
	color: #fff;
	font-size: 60px;
	line-height: 72px;
	margin-bottom: 20px;
}


.matchmid{
	background-image: url('../img/match/matchbg.png');
	background-size: cover;
	background-position: top;	
	background-repeat: no-repeat;
}

.matchmid .container{
	color: #fff;
	padding: 50px 15px;
}

.mtinner{
	padding-right: 30%;
}

.mtinner p, .mtinner, .mtinner sup{
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff;
}

@media (max-width: 992px){
	.matchmid .container{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.matchpage h4{
		font-size: 32px;
	}

	.matchpointsctn p{
		font-size: 20px;
	}

	.mtinner{
		padding-right: 0%;
	}	
}


.matchtest{
	position: relative;
}

.matchtest .container{
	max-width: 900px;
}

.matchtestslider{
	display: none;
	text-align: center;
}


.matchtestslider p{
	    color: #fff;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 20px;
}

.matchtestslider h4{
	color: #fff;
  margin-top: 5px;
  font-size: 15px;
}

.matchtestslider h5{
	  color: #fff;
    margin-top: 0px;
    font-size: 12px;
}

.matchtestbg{
	max-width: 500px;
}

@media (max-width: 992px){
	.matchtestslider p{
		font-size: 18px;
		line-height: 32px;
	}

	.page-template-template-matchpoints .latestnews{
		margin-top: 20px !important;
	}

	.page-template-template-matchpoints .latestnews h2{
		font-size: 20px;
	}

	.page-template-template-matchpoints .contactpanel{
		padding-top: 0px;
	}
}





.signmemodctn{
	background-image: url(../img/signbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    border-radius: 5px;
    padding: 60px 15px;
    text-align: center;
    position: relative;
    padding: 50px 10%;
    text-align: left;
}

#signupModal .modal-content{
	background-color: transparent !important;
}

.signmemodctn h2{
	color: #fff;
}

.signmemodctn p{
	color: #fff;
}

.signmemodctn .wpcf7 input, .signmemodctn .wpcf7 textarea, .signmemodctn .wpcf7 select{
	padding: 5px 15px;
}

.signmemodctn .frmgdpr{
	color: #fff;
}

.spopimg img{
	display: block;
	max-width: 600px;
	width: 100%;
	padding: 0 50px;
	margin:  0 auto;
}




.visionhero{
	position: relative;	
	padding: 100px 0 250px 0;	
}


.visionhero h3{
	font-size: 22px;
	line-height: 22px;
	color: var(--biorange);
	margin-bottom: 60px;
}

.visionhero h1{
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 30px;
}

.visionhero p{
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	max-width: 340px;
}

.visionhero .btn{
	margin-top: 30px;
}

.visionhero ul{
	padding-left: 0px;
	list-style: none;
}

.visionhero ul li{
	color: #fff;
	margin: 5px;
}

/*.heror{
	text-align: center;
}*/


@media (max-width: 992px){
	.visionhero{
		text-align: center;
	}

	.visionhero p{
		max-width: none;
	}
}


.vismain{
	background-image: url('../img/match/matchbg.png');
	background-size: cover;
	background-position: top;	
	background-repeat: no-repeat;
}

.page-template-template-vision .hasherobg{
	background-position: bottom;
}



.halftxt{
	padding-top: 30px;
}


h2.brfade{
	/* Fallback: Set a background color. */
  background-color: red;
  
  /* Create the gradient. */
  background-image: linear-gradient(45deg, #87e0b7, #9398d5);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
	margin-bottom: 30px;
}

h2.infade{
	/* Fallback: Set a background color. */
  background-color: red;
  
  /* Create the gradient. */
  background-image: linear-gradient(45deg, #D16F57, #B177CE);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
	margin-bottom: 30px;
}

.halftxt p{
	color: #fff;
}





.megamenuctn{	
	background: #fff;
	position: absolute;	
	top: 17px;
	width: 100%;
	left: 50%;    
    transform: translate(-50%,80px);
    z-index: 9999;
    display: none;
}

.vislogo{
	font-size: 40px;
	font-weight: bold;
}

.vislogo img{
	display: block;
	margin: 0 auto;
}

.megalefttext p{
	padding-right: 7px;
}

.megamenuctn i{
	font-size: 20px;
  position: relative;
  top: -2px;
}

.megatabs{
	background: #EDF2F7;
}

.megatabs .nav-tabs{
	border-bottom: none;
}

.megatabs .nav-tabs li a.active{
	background: #fff;	
	padding: 30px 15px 30px 65px;
	color: #000;	
}


.megatabs .nav-tabs li a{
	position: relative;
	font-weight: bold;
	font-size: 24px;
	padding-left: 30px;
	color: var(--biblue);
	padding: 30px 15px 30px 35px;
	display: block;	
}

.megatabs .nav-tabs li a i{
	position: absolute;
	right: 10px;
	font-size: 18px;
	top: initial;
}

.megatabs .nav-tabs li a.active i{
	display: none;
}

.megatabs .nav-tabs li a:before{
	  content: '';
    position: absolute;
    top: 31px;
    left: 30px;    
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 24px;
    display: none;
}

.megatabs .nav-tabs li a.brokertab:before{
	background: var(--bired);
}

.megatabs .nav-tabs li a.insurertab:before{
	background: var(--biorange);
}

.megatabs .nav-tabs li a.matchtab:before{
	background: var(--biblue);
}

.megatabs .nav-tabs li a.active:before{
	display: block;
}

.megacontctn{	
	padding: 50px 20px;
	font-size: 14px;
}

.megaclose{
	position: absolute;
    right: 10px;
    top: 10px;
    background: var(--binavy);
    border-radius: 50%;
    padding: 6px;
    color: #fff;
    font-size: 17px;
    line-height: 13px;
    font-weight: bold;
    z-index: 999;
    cursor: pointer;
    display: none;
}

.megaclose:hover{
	background: var(--biorange);
	color: #000;
}


.outermega{
	padding: 50px 30px;
}


.meagainner{
	padding: 50px;	
}



.meganline{
	padding-left: 0px;
	margin: 0px;
}

.meganline li{
	display: inline-block;
	padding-right: 5%;
}

.meganline li a{
	color: var(--biblue);
}

.meganline li a:hover{
	color: #000;
}

.meganline li a i{
	top: 2px;
}

.aboutmega p{
	max-width: 800px;
}


.resourcesmega h3{
	margin-bottom: 30px;
}

.resouter{
	margin-bottom: 30px;
}

.resouter h4{
	margin-bottom: 5px;
	font-size: 20px;
	color: var(--biblue);
}

.resouter h4 a{
	color: var(--biblue);	
}

.resouter h4 i{
	top: 1px;
}

.resouter p{
	margin-bottom: 0px;
	font-size: 16px;
}

.resouter img{
	margin: 15px 0;
	object-fit: cover;
	height: 200px;
	width: 100%;
}

.viewall{
	margin-top: 40px;
	font-weight: bold;
	color: var(--biblue);
	display: inline-block;
}

.inmeg{
	padding: 0 5px;
}

.vmegaout h3{
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
}

.vmegaout h3.circhead:before{
	  content: '';
    position: absolute;
    top: 0px;
    left: -35px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: var(--biorange);
}

.vmegaout h3.circhead.brcirc:before{
	background: var(--bired);
}

.vmegaout h3.circhead.mpcirc:before{
	display: none;
}

.vmegaout p{
	font-size: 15px;
	line-height: 22px;	
	margin-bottom: 10px;
}

.vmegaout ul{
	margin-bottom: 0px;
	margin-top: 0px;
	list-style: none;
	padding-left: 0px;
}

.vmegaout ul li{
	margin-bottom: 5px;
}

.vmegaout ul li a{
	color: var(--biblue);
	font-size: 14px;
	position: relative;
}

.vmegaout ul li a i{
	  position: relative;
    font-size: 13px;
    top: 0px;
    margin-left: 5px;
}

.vmegaout ul li a:hover{
	color: var(--biorange);
}

/*Mobile Menu*/
.mobvis{
	background: #EDF2F7 !important;
}

.mobvis a{
	color: #000 !important;
}

.mobvis span, div#mg-wprm-wrap ul>li:hover>span.wprmenu_icon{
	color: #fff !important;
}

.mobvis .sub-menu{
	padding-left: 0px !important;
}

.mobvis .sub-menu li{
	margin-bottom: 10px;
}

.mobvis .sub-menu li a{
	color: var(--biblue) !important;
}

.mobvis .sub-menu .sub-menu li a{
	/*padding-left:0px !important;*/
}

.vh{
	/*font-weight: bold;
	font-size: 13px;*/
	/*text-transform: capitalize;*/
	line-height: 13px;
	margin-bottom: 5px;
}

.vh a{
	text-transform: capitalize;
}

.vt{	
	  font-size: 13px;
    line-height: 19px;
    color: #fff;    
    margin-top: 10px;
}


#mg-wprm-wrap ul li#menu-item-5943 .wprmenu_icon.wprmenu_icon_par, #mg-wprm-wrap ul li#menu-item-5942 .wprmenu_icon.wprmenu_icon_par{
	top:-3px !important;
}



.vidhero{
	position: relative;
	z-index: 0;
}

.fader{
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 5;
}

.vidhero .outervid{
	position: relative;
}

.vidheotxt{
	position: absolute;
  left: 0%;
  top: 50%;
  transform: translate(0%,-50%);
  z-index: 20;
  width: 100%;
  color: #fff;
}


.vidheotxt h3{
	font-size: 22px;
	line-height: 22px;
	color: var(--biorange);
	margin-bottom: 20px;
}

.vidheotxt h1{
	font-size: 50px;
	line-height: 55px;
	color: #fff;
	max-width: 550px;
	margin-bottom: 15px;
	font-weight: 600;
}

.vidheotxt p{
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	max-width: 380px;
	margin-bottom: 10px;
}

.vidheotxt .btn{
	margin-top: 15px;
}

.mobvid{
	display: none;
	background: var(--binavy);
}

@media (max-width: 1300px){
	.vidheotxt{
		top: 60%;
	}
}

/*@media (max-width: 992px){
	
}*/

@media (max-width: 768px){
	.deskhero{
			display: none;
	}

	.mobvid{
		display: block;
	}

	.vidheotxt {
    position: absolute;
    left: 50%;
    top: 3%;
    transform: translate(-50%,0%);
    z-index: 20;
    /* width: 100%; */
    color: #fff;    
  }

  .vidheotxt h3{
  	font-size: 16px;
  }

  .vidheotxt h1{
  	font-size: 32px;
  	line-height: 32px;
  }

  .vidheotxt p{
  	font-size: 17px;
  }

  .vidheotxt p{  	
  }
}



.vishead{
	position: relative;
	padding: 200px 0;
	background: none !important;
	z-index: 0;
}

.vishead video{
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.visherotxt{
	z-index: 1;
	position: relative;
	max-width: 500px;
	color: #fff;
}

.visherotxt h2{
	color: var(--biorange);
	font-size: 22px;
	margin-bottom: 60px;
}

.visherotxt h1{
	color: #fff;
	font-size: 60px;
	margin-bottom: 10px;
	line-height: 58px;
	font-weight: 600;
}

.visherotxt h1 strong{
	font-weight: 600 !important;
}

.visherotxt h3{
	color: #fff;
	font-size: 24px;
	margin-bottom: 10px;
}

.visherotxt p{
	color: #fff;
	font-size: 18px;	
}


.visfader{
	z-index: 1;
}

.vishead .container{
	position: relative;
	z-index: 10;
}

@media (max-width: 992px){
	.vishead{
		padding: 50px 0;
	}
}



.vismiddle{
	background: var(--binavy);
}

.visboxes{
	padding: 30px 0 50px 0;
}

.visboxes h2.head{
	color: #fff;
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px;
}

.visboxes  .visinnerbox{
	padding: 30px;
}


@media (max-width: 992px){
	.visboxes  .visinnerbox{
		padding: 10px 15px;
	}

	.visinnerbox img{
		width: 30px;
		margin-bottom: 10px;
	}

	.visinnerbox h2{
		font-size: 20px;
		margin-bottom: 0px;
	}

	.visinnerbox p{
		font-size: 14px;
		line-height: 20px;
	}
}


.onboardingctn{
	color: #fff;
}

.onboardingctn .container{
	background: #2d3e4d;
	padding: 80px 100px 50px 100px;
	border-radius: 10px;
	max-width: 1580px;
}

.onl{
	padding-right: 100px;
}

.onl h3{
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 600;
}


.outeron{
	margin-bottom: 40px;
}

.onr h3{
	background: #fff;
	font-size: 24px;
	height: 60px;
	text-align: center;
	width: 60px;
	line-height: 60px;
	border-radius: 50%;
	display: inline-block;
	color: #2d3e4d;
	margin-bottom: 20px;
	position: relative;
}

.onr h3:after{
	content: '';
	position: absolute;
	height: 56px;
	text-align: center;
	width: 56px;	
	border-radius: 50%;
	top: 2px;
	left: 2px;
	border: 6px solid #87D6C0;
}


@media (max-width: 992px){
	.onboardingctn .container{
		padding: 50px 15px;
	}

	.outeron p{
		font-size: 14px;
	}

	.onl{
		padding-right: 15px;
	}
}


.bottomvisboxes{
	/*background: var(--binavy);*/
	padding: 0 0 100px 0;
}

.bottomvisboxes .container{
	max-width: 950px;
}

.bottomvisboxes h2{
	margin-bottom: 30px;
	color: #fff;
	text-align: center;
	font-weight: 600;
}

.innervb{
	background: rgba(67, 115, 165, 0.2);
	color: #fff;
	padding: 30px;
	border-radius: 15px;
	position: relative;
}

.outervb:nth-of-type(2) .innervb{
	background: rgba(85, 91, 168, 0.20);
}

.innervb h3{
	margin-bottom: 20px;
	font-weight: 600;
}

.innervb p{
	font-size: 14px;
	margin-bottom: 10px;
}

.innervb .thet{
	margin-bottom: 30px;
}

.innervb .btn{
	position: absolute;
	margin-bottom: 0px;
	left: 30px;
}

.centmode .innervb{
	text-align: center;
}

.centmode .innervb .brandbtn{
	  left: 50%;
    transform: translate(-50%,0px);
}

.visbot{
	background-color: var(--binavy);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/visbg.png);
    background-position: 130px -70%;    
}

.vistest{
	padding: 30px 0 100px 0;
}

.vistest .container{
	max-width: 900px;
}

.vistestslider{
	text-align: center;
}

.vistestslider p{
	color: #fff;
	font-size: 36px;
	line-height: 50px;
	margin-bottom: 20px;
}

.vistestslider h5{
	color: #fff;
	margin-top: 5px;
	font-size: 15px;
}

.vistestslider h6{
	color: #fff;
	margin-top: 0px;
	font-size: 12px;
}

@media (max-width: 992px){
	.outervb{
		margin-bottom: 40px;
	}

	.vistestslider p{		
		font-size: 20px;
		line-height: 30px;
	}
}



.vbimid{
	background-image: url('../img/homebgbig.png');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0px 0 70px 0;
}

.calctxt{
	text-align: center;
	color: #fff;
	max-width: 950px;
	margin:  0 auto 70px auto;
	position: relative;
	z-index: 5;
}

.calctxt h2{
	margin-bottom: 30px;
	font-weight: 600;
}


@media (max-width: 992px){
	.vbimid{
		padding: 0 0 0px 0;
	}

	.calctxt{
		padding: 0 15px;
	}

	.calctxt h2{
		font-size: 20px;
	}

	.page-template-template-vision-for-brokers .contactpanel, .page-template-template-vision-for-insurers .contactpanel{
		padding-top: 0px;
	}
}



.brokercalc{
	position: relative;
}

.brokercalc .container{
	/*background: #2d3e4d;*/
	background: rgba(255,255,255,0.1);
	padding: 80px 30px 50px 30px;
	border-radius: 10px;
	position: relative;
}

.brokercalc .btn{
	    position: absolute;
    left: 50%;
    bottom: -27px;
    transform: translate(-50%,0%);
    max-width: 230px;
}

.bgcirc{
	position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%,-50%);
    z-index: 0;
}

@media (max-width: 992px){
	.brokercalc .container{
		padding: 15px 15px;
	}

	body .rangectn span{
		font-size: 12px;
		margin-bottom: 10px;
	}

	body .rangeslider--horizontal{
		height: 10px;
	}

	body .rangeslider__handle{
		line-height: 30px;
		width: 30px;
		height: 30px;
		top: -10px !important;
	}

	.brokercalc .btn{
		min-width: 220px;
		width: 90%;
	}

	body .rangectn{
		margin-bottom: 20px;
	}

	body .resouter h3 {    
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
  }

  /*body .resouter{
  	margin-bottom: 15px;
  }*/

  body .rescirc{
  	height: 160px;
  	width: 160px;
  }

}



.vp{
	position: relative;
	padding: 100px 0;
}

.vp h2{
	text-align: center;
	max-width: 950px;
	margin:  0 auto 70px auto;
	margin-bottom: 60px;
	color: #fff;
	position: relative;
	z-index: 10;
}


.innervp{
	background: var(--binavy);	
	border-radius: 15px;
	padding: 30px 30px 50px 30px;
	color: #fff;
	position: relative;
}

.innervp ul{
	list-style: none;
	padding-left: 20px;
}

.innervp ul li{
	margin: 5px 0;
	position: relative;
}

.lensesctn{
	margin-bottom: 30px;
	margin-top: 30px;
}

.benctn{
	margin-bottom: 30px;
}

.benctn h6{
	margin-top: 50px;
	margin-bottom: 0px;
	font-weight: normal;
}

.innervp ul li img{
	margin-right: 10px;	
	position: absolute;
	left: -18px;
	top: 2px;

}

.lensesctn ul li img{
	top: 5px;
}

.innervp .btn{
    position: absolute;
    left: 30px;
    bottom: -27px;
    transform: translate(0%,0%);
}

.visnewspan{
	padding-top: 60px;	
}

@media (max-width: 992px){
	.vp{
		padding-bottom: 30px;
	}

	.vp h2{
		font-size: 22px;
		padding: 0 15px;
		margin-bottom: 30px;
	}

	.innervp{
		margin-bottom: 50px;
	}
}



.lottiesctn{
	color: #fff;
	padding-bottom: 60px;
}

.lottiepan{
	padding: 70px 0;
}

.lottiepan a{
	color: var(--biorange);
}

.lottieside{
	position: relative;
}

.desklottie{
	position: sticky;
	top: 200px;
}

.mobilelottie{
	display: none;
}

@media (max-width: 992px){
	.mobilelottie{
		display: block;
	}

	.desklottie{
		display: none;
	}

	.lottiepan{
		padding: 40px 0;
	}

	.lottiepan:last-of-type{
		padding: 40px 0 0 0 !important;
	}

	.lottieside{
		padding: 0px;
	}
}



.altlottietext .lottietext h2{
	font-size: 22px;
}

.altlottietext .lottietext p{
	font-size: 20px;
}

.halfcirc {
    width: 20px;
    height: 10px;
    background-color: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;        
    display: inline-block;
    transform: rotate(90deg);
    position: relative;
    margin-left: -7px;
    margin-right: 5px;
    top: -3px;
}


.ltexthead{
	font-size: 23px;
	font-weight: 600;
}

@media (max-width: 992px){
	.ltee{
		padding: 0px;
	}
}


/*Hide play button*/
video::-webkit-media-controls {
  display: none;
}



.mobheroctn{
	position: relative;
	display: none;
	background: var(--binavy);
}

.mobheroctn .mobt{
	background: var(--binavy);
	padding: 30px 0;
	color: #fff;
}

.mobheroctn .mobt h3{
	color: var(--biorange);
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
}

.mobheroctn .mobt h1{	
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 40px;
}

.mobheroctn .mobt h2{	
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 26px;
}
.mobheroctn .mobt p{
	margin-bottom: 0px;
}


@media (max-width: 992px){
	.mobheroctn{
		display: block;
	}
}

#wprmenu_menu_ul{
	margin-bottom: 60px;
}

.menuglobe img, .menuflag img{
	width: 35px;
	margin-right: 15px;
}

.menuglobe ul li a{
	background: transparent !important;
}


.flagctn img{
	width: 50px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	opacity: 0.5;
	transition: 0.3s;
}

.flagctn img:hover{
	opacity:1;	
}

.hr .nav ul li.flagctn{
	padding: 0 10px;
}

.partnerctn{
	padding: 70px 0 40px 0;
}

.outerpartner{
	margin-bottom: 35px;
	text-align: center;
}

/*.outerpartner img{
	min-height: 100px;
	max-height: 100px;
	width: auto !important;
}*/

.theimgctn{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theimgctn img{
	max-height: 80px;
	transform: scale(1);
	transition: 0.2s;
}

.theimgctn:hover img{	
	transform: scale(1.05);
	transition: 0.2s;
}

.outerpartner p{
	  margin-top: 20px;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

@media (max-width: 768px){
	.page-template-template-pathfinder .visherotxt h1{
		font-size: 40px;
	}

	.page-template-template-pathfinder .visboxes{
		padding: 0px;
	}

	.page-template-template-pathfinder .visboxes h2.head{
		text-align: left;
		margin-bottom: 10px;
	}

	.visboxes .pt-5{
		padding-top: 20px !important
	}
}

.page-template-template-flexible-landing-page .partnerslider img{
	height:75px;
}


.infopoints{
	text-align: center;
}

.outerinfo i{
	color: var(--biorange);
	font-size: 60px;
	margin-bottom: 20px;
}

.outerinfo h3{
	font-size: 22px;
}

.outerinfo p{
	font-size: 16px;
	line-height: 20px;
}



.fifctn .tside{
	color: #fff;
	padding: 100px;
}