/* styles.css */


/* Global
==============================*/
body {
	background-color: #ECECEC;
	font-family: 'open_sansregular';
}

#wrap {
	background-color: #fff;
}

h1{font-family: 'Quattrocento Sans', sans-serif; color: #396ccc; font-size: 60px; line-height: 72px;}
h2{font-family: 'Quattrocento Sans', sans-serif; color: #396ccc; line-height: 48px; font-size: 36px; font-weight: 200;}
h3{font-family: 'Open Sans', sans-serif; color: #396ccc; font-size: 30px; line-height: 30px; font-weight: 200;}
h4{font-family: 'Open Sans', sans-serif; color: #396ccc; font-size: 18px; text-transform: uppercase; line-height: 24px;}
h5{font-family: 'Open Sans', sans-serif; color: #396ccc; font-size: 18px; text-transform: uppercase; line-height: 24px;}
p{font-family: 'Open Sans', sans-serif; color: #555555; font-size: 16px; line-height: 24px; font-weight: 100;	letter-spacing: .5px;}
a{text-decoration: none;}
b{font-weight: 600; font-size: 18px;}

.banner-overlay {
	width: 100%;
	height: 100%;
	top: 0;
  left: 0;
	position: absolute;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: rgba(0, 0, 0, 0.25);
}

.padded {
	padding: 50px 0px 70px 0px;
}

.introduction-padded {
	padding: 50px 0px 100px 0px;
}

.image-responsive img {
	max-width: 100%;
}

.line-break {
	border: 1px solid rgba(46, 86, 163, 0.1);
}

.btn a {
	color: #555555;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 30px;
	border: 2px solid #555555;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 36px;
	letter-spacing: .75px;
	font-size: 14px;
}

.btn a:hover {
	border-color: #48a9a6;
	background-color: #48a9a6;
	color: #fff;
}

.btn i {
	padding-right: 10px;
}

.btn-full a {
	color: #fff;
	border-color: #48a9a6;
	background-color: #48a9a6;
}

.btn-full a:hover {
	border-color: #fff;
	background-color: transparent;
}

.btn-transparent a {
	color: #fff;
	border-color: #fff;
}

/*  Header new structure
==============================*/


/* HEADER */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 2rem;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	background: white;
	gap: 2rem;
}



.header .logo {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}	

.header .logo img {
	max-width: 100%;
}



@media (max-width: 767px) {

	.header .logo img {
		width: 230px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.header .logo img {
		width: 400px;
	}
}


	.nav-actions {
		display: flex;
		align-items: center;
		gap: 2rem;
		position: relative;
	}



	.nav-links {
		display: flex;
		gap: 5rem;
	}

@media (max-width: 1024px) {

	.nav-links {
		display: flex;
		gap: 2rem;
	}
}

	.menu-item-top {
		font-style: italic;
		font-size: 13px;
		padding-bottom: 1px;
		letter-spacing: 0.5px;
		font-family: 'Open Sans', sans-serif;
	}

	.menu-item-bottom {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .5px;
		font-family: 'Open Sans', sans-serif;
	}


	.nav-links a {
		display: flex;
		flex-direction: column;
		align-items: left;
		color: #333;
		text-decoration: none;
		transition: color 0.3s;
	}

		.nav-links a:hover,
		.nav-links a:focus,
		.nav-links a.active {
			color: #2e56a3;
		}



	.dropdowns {
		display: flex;
		gap: 15px;
	}


		.dropdowns::before {
			content: "";
			display: block;
			width: 1px;
			background-color: #e5e7eb;
		}

	/* DROPDOWN */
	.dropdown {
		position: relative;
		display: inline-block;
	}

		.dropdown button {
			background: none;
			border: none;
			font: inherit;
			cursor: pointer;
			color: #000;
			display: flex;
			align-items: center;
			gap: 0.25rem;
			padding: 8px 12px;
		}

		
		
		.dropdown:hover button,
		.dropdown:active button,
		.dropdown.active button {
			color: #2e56a3;
		}


		.dropdown button .menu-text {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			line-height: 1.1;
		}


		.dropdown button .menu-item-top {
			font-style: italic;
			font-size: 13px;
			padding-bottom: 1px;
			letter-spacing: 0.5px;
			font-family: 'Open Sans', sans-serif;
		}

		.dropdown button .menu-item-bottom {
			text-transform: uppercase;
			font-size: 14px;
			font-weight: 600;
			letter-spacing: .5px;
			font-family: 'Open Sans', sans-serif;
		}

	.dropdown-menu {
		display: none;
		position: absolute;
		right: 0;
		top: 100%;
		background: white;
		border: 1px solid #ddd;
		border-radius: 6px;
		min-width: 170px;
		box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	}

	.dropdown:hover .dropdown-menu {
		display: block;
	}

	.dropdown-menu a {
		display: block;
		padding: 1rem 1.5rem;
		text-decoration: none;
		color: #000;
		transition: color 0.3s, background 0.3s;
	}

		.dropdown-menu a:hover {
			background: #f5f5f5;
			color: #2e56a3;
		}

.mobile-call-btn {
	display: none !important;
}
	/* CALL BTN */
	.call-btn {
	
	text-decoration: none;
		display: flex;
		align-items: center;
		gap: 5px;
		background: #259692;
		color: #fff;
		padding: 8px 12px;
		border-radius: 4px;
		text-decoration: none;
	}

		.call-btn:hover {
			background: #1e7570;
			text-decoration: none;
			color: #fff;
		}


/* Mobile menu new structure
==============================*/

/* Mobile toggle button */
.mobile-toggle {
	display: none;
	background: none;
	border: none;
	font-size: 28px;
	cursor: pointer;
}


	.mobile-toggle .material-symbols-outlined {
		font-size: 30px;
	}
	/* Mobile nav */
	.mobile-nav {
		display: none;
		flex-direction: column;
		background: #fff;
		padding: 1rem;
		box-shadow: 0 4px 8px rgba(0,0,0,0.1);
		position: absolute;
		top: 65px; 
		left: 0;
		right: 0;
		z-index: 9999;
	}

.menu-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-shrink: 0; 
}

		.mobile-nav  .menu-text {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			line-height: 1.1;
		}

	.mobile-nav.active {
		display: flex;
	}

.mobile-nav a {
	/*display: block;*/
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 1.5rem 1rem;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

	.mobile-nav a:hover {
		color: #fff;
		background-color: #2E56A3;
		padding: 1.5rem 1rem;
		border-radius: 8px;
	}

/* Mobile dropdown */
.mobile-dropdown {
	border-bottom: 1px solid #eee;
}

.mobile-dropdown-toggle {
	width: 100%;
	background: none;
	border: none;
	text-align: left;
	padding: 1.5rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

	.mobile-dropdown-toggle:hover {
		color: #fff;
		background-color: #2E56A3;
		padding: 1.5rem 1rem;
		border-radius: 8px;
	}
.mobile-dropdown-menu {
	display: none;
	flex-direction: column;
	padding-left: 1rem;
}

.mobile-dropdown-menu a {
	display: block;
}

.mobile-dropdown.open .mobile-dropdown-menu {
	display: flex;
}

/* Responsive behaviour */
@media (max-width: 991px) {
	.nav-actions {
		display: none;
	}

	.mobile-toggle {
		display: block; 
	}

	.mobile-call-btn {
		display: flex !important; 
		padding: 1rem;
		border-radius: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	/* Mobile nav */
	.mobile-nav {
		top: 100px; 
		
	}
}


/* New Home Page Changes
==============================*/

/* SERVICES */
.services {
	max-width: 1200px;
	margin: 4rem auto;
	padding: 0 2rem;
	text-align: center;
}

	.services h2 {
		
	}

	.services p {
		margin: 2rem 0 3rem;
		font-size: 24px;
		line-height: 24px;
	}

.service-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr); 
	gap: 3rem;
}
	


@media (min-width: 1440px) {
	/* Center last row with 1 item */
	.service-cards > *:nth-last-child(1):nth-child(3n + 1) {
		grid-column: 2;
	}

	/* Center last row with 2 items */
	.service-cards > *:nth-last-child(2):nth-child(3n + 1) {
		grid-column: 1 / span 2;
		width: calc(50% - 1rem); 
		margin-left: calc(25% + 0.5rem);
	}

	.service-cards > *:nth-last-child(2):nth-child(3n + 1) + * {
		width: 100%;
		margin-left: calc(-50% - 0.5rem);
	}	
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
	.service-cards {
		grid-template-columns: repeat(2, minmax(200px, 1fr));
	}

	/* Center last row if 1 item */
	.service-cards > *:nth-last-child(1):nth-child(2n + 1) {
		grid-column: 1 / span 2;
	}
}

/* Mobile: 1 column */
@media (max-width: 767px) {
	.service-cards {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.service-cards > * {
		width: 100%;
		margin: 0;
	}	
			
}


	.card {
		background: white;
		border: 1px solid #396CCC;
		padding: 3rem;
		border-radius: 8px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.05);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		transition: transform .3s, box-shadow .3s;
	}

		.card:hover {
			transform: translateY(-5px);
			box-shadow: 0 6px 12px rgba(0,0,0,0.1);
		}

		.card .icon {
			background: #396CCC;
			color: #fff;
			border-radius: 50%;
			padding: 1.5rem;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.card .icon .material-symbols-outlined {
			font-size: 32px;
		}
			.card .icon img {
				filter: brightness(0) invert(1);
			}

			.card .icon svg {
				fill: white;
				stroke: white;
			}
		.card h3 {
			color: #000;
			font-weight: 500;
		}

		.card p {
			margin: 1rem 0 2rem;
			color: #000;
			font-size: 16px;
			flex: 1;
		}

		.card a {
		
			display: inline-block;
			font-weight: 500;
			padding: 0.5rem 2rem;
			border-radius: 30px;
			border: 2px solid #555555;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: .75px;
			font-size: 14px;
			color: #fff;
			border-color: #48a9a6;
			background-color: #48a9a6;
		}

			.card a:hover {
				border-color: #48a9a6;
				color: #48a9a6;
				background-color: transparent;
			}




	/* Header
==============================*/
	header {
	}

	#header-top {
		border-bottom: 1px solid rgba(46, 86, 163, 0.1);
		color: #48a9a6;
	}

	.header-top {
		padding: 12px 0;
		font-family: 'quattrocento_sansregular';
	}

		.header-top a {
			color: #259692;
			font-weight: bold;
			font-size: 18px;
		}

		.header-top .left {
			text-transform: uppercase;
		}

			.header-top .left p {
				color: #48a9a6;
				font-size: 18px;
			}

			.header-top .left a {
				text-decoration: none;
			}

		.header-top a.larger {
			font-size: larger;
		}

		.header-top a.smaller {
			font-size: smaller;
		}

		.header-top .login {
			text-transform: uppercase;
		}

		.header-top .accessibilty {
			width: 60px;
		}

	.access {
		margin-right: 4px;
	}

	.login a.login {
		padding-left: 4px;
		font-size: 12px;
	}

	.login i {
		color: #48a9a6;
	}

	.header-main .logo img {
		margin: 20px 0;
	}

	.header-main .center .search {
		float: right;
	}

	#header-main {
		padding-right: 0px;
	}

	.header-main .right {
		padding-right: 0px;
	}

	.header-main .logo img {
		max-width: 100%;
	}

	#search {
		color: #6f6f6f;
		width: 350px;
		font-style: italic;
		text-indent: 8px;
		border: 1px solid #6f6f6f;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 15px;
		padding: 2.5px 7.5px;
		position: relative;
	}

	#search-button {
		display: inline;
		margin-top: -1px;
		margin-left: -45px;
		position: absolute;
	}

	.search {
		display: inline-block;
		padding: 54px 0px;
	}

	div.referral {
		color: #fff;
		background: #48a9a6;
		text-align: center;
		padding: 26px 22px;
		font-family: 'open_sansextrabold';
		text-transform: uppercase;
		float: right;
		width: 176px;
		display: inline-block;
	}

		div.referral:hover {
			background-color: #2C918D;
		}

		div.referral img {
			margin-bottom: 8px;
		}

		div.referral a {
			color: #fff;
			text-decoration: none;
		}

		div.referral p {
			color: #fff;
		}

	/* Menu
==============================*/
	.nav li.active a:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7.5px 7.5px 0 7.5px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		margin: 0 auto;
		right: 0;
		top: 0;
		left: 0;
	}

	.nav li a:hover:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7.5px 7.5px 0 7.5px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		margin: 0 auto;
		right: 0;
		top: 0;
		left: 0;
	}

	.navbar-default {
		background-color: #396ccc;
		border-color: #396ccc;
	}

	.navbar {
		margin-bottom: 0px;
		border-radius: 0px;
		border: 0px;
	}

	.nav li a:first-child {
		border-left: 1px solid rgba(255,255,255,0.1);
	}

	.nav li a {
		color: #fff !important;
		position: relative;
		display: block;
		padding: 12.5px 30px;
		border-right: 1px solid rgba(255,255,255,0.1);
	}

	.nav .referral-btn {
		display: none;
	}

		.nav .referral-btn a {
			padding: 20px 30px;
		}

	.nav li a:hover {
		background-color: #2e56a3 !important;
		border-color: #396ccc !important;
	}

	.nav li.active a {
		background-color: #2e56a3 !important;
		color: #fff !important;
		border-color: #2e56a3 !important;
	}

	.nav-right {
		padding-right: 0px;
	}

	.navbar .container-fluid {
		padding-right: 0px;
	}

	.menu-item-top {
		font-style: italic;
		font-size: 13px;
		padding-bottom: 1px;
		letter-spacing: 0.5px;
		font-family: 'Open Sans', sans-serif;
	}

	.menu-item-bottom {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .5px;
		font-family: 'Open Sans', sans-serif;
	}



	/* Home
==============================*/
	#home-banner {
		background-image: url('images/home-banner.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: 0;
		padding: 0px;
		background-repeat: no-repeat;
		margin: 0 auto;
		background-position: center center;
		position: relative;
	}

	#home-banner {
		color: #fff;
	}

	#home-banner-contianer h1 {
		color: #fff;
	}

	#home-banner-contianer h3 {
		font-weight: 100;
		color: #fff;
	}

	#home-banner-contianer {
		padding: 80px 0 130px 0;
		max-width: 1400px;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	#home-banner-buttons {
		padding-top: 25px;
	}

	#page-introduction h2 {
		padding-bottom: 10px;
		line-height: 40px;
		margin-top: 0px;
		color: #fff;
	}

	#page-introduction p {
		font-size: 24px;
		line-height: 36px;
	}

	#page-introduction {
		background-image: url('images/page-introduction-banner.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: 0;
		background-repeat: no-repeat;
		margin: 0 auto;
		background-position: bottom center;
		position: relative;
	}

		#page-introduction p {
			color: #fff;
		}

	.round-image img {
		border-radius: 50%;
		padding: 30px;
	}

	#content-two-column h3 {
		color: #396ccc;
		margin-bottom: 30px;
		line-height: 36px;
	}

	#content-column h4 {
		padding-bottom: 20px;
	}

	#content-column .btn {
		margin: 25px 0px;
	}

	#biz-process {
		background-color: #e5f3ff;
	}

		#biz-process h2 {
			color: #396ccc;
			line-height: 48px;
		}

		#biz-process .image-responsive {
			padding: 50px 0px;
		}

		#biz-process .btn-full i {
			padding-right: 5px;
		}

		#biz-process .btn-full a:hover {
			color: #48a9a6;
			border-color: #48a9a6;
		}

	#tick-list-contianer h2 {
		text-align: center;
	}

	#tick-columns {
		padding: 25px 0px;
	}

	#tick-list h3 {
		color: #21c2dc;
		text-align: center;
	}

	#tick-columns #tick {
		font-size: 18px;
	}

		#tick-columns #tick::before {
			font-family: FontAwesome;
			content: "\f00c";
			padding-right: 10px;
			display: inline;
			color: #21c2dc;
		}

	#tick-list #tick-columns #tick p {
		display: inline;
		font-size: 18px;
		line-height: 36px;
	}

	#tick-columns #tick p {
		display: inline;
		line-height: 36px;
	}


	/* FAQ Page
==============================*/
	#faqs {
		padding-bottom: 25px;
	}

	.accordion {
		width: 100%;
		margin: 0 auto;
		padding: 10px 15px;
	}

	.accordion-toggle {
		font-weight: 400;
		border-bottom: 1px solid #cccccc;
		cursor: pointer;
		margin: 0;
		padding: 15px 0;
		position: relative;
	}

		.accordion-toggle.active:after {
			content: "";
			position: absolute;
			right: 0;
			top: 17px;
			width: 0;
			height: 0;
			border-bottom: 7.5px solid #48A9A6;
			border-left: 7.5px solid rgba(0,0,0,0);
			border-right: 7.5px solid rgba(0,0,0,0);
		}

		.accordion-toggle:before {
			content: "";
			position: absolute;
			right: 0;
			top: 17px;
			width: 0;
			height: 0;
			border-top: 7.5px solid #000;
			border-left: 7.5px solid rgba(0,0,0,0);
			border-right: 7.5px solid rgba(0,0,0,0);
		}

		.accordion-toggle.active:before {
			display: none;
		}

	.accordion-content {
		display: none;
	}

	.accordion-toggle.active {
		color: #48A9A6;
	}

	#faq-accordion {
		padding: 50px 0px 50px 0px;
	}

	.faq-intro-text {
		padding: 0px 0px 25px 0px;
	}

	.accordion h5 {
		text-transform: none;
		font-size: 17.5px;
	}


	/* Contact
==============================*/
	#contact-call-to-action {
		background-image: url('images/contact-call-to-action-banner.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: 0;
		background-repeat: no-repeat;
		margin: 0 auto;
		background-position: bottom center;
		position: relative;
	}

	#phone-call-to-action {
		padding-bottom: 50px;
	}

	.contact-content #phone-call-to-action a {
		font-size: 72px;
		color: #555555;
		font-weight: 700;
		text-decoration: none;
		font-family: 'Roboto', sans-serif;
	}

	.contact-content #phone-call-to-action i {
		color: #48a9a6;
		padding-right: 15px;
	}

	.contact-content #footer-center-column #footer-marker {
		color: #48a9a6;
	}

	#contact-call-to-action p {
		color: #fff;
	}

	#contact-call-to-action h2 {
		padding-bottom: 15px;
		line-height: 36px;
		color: #fff;
	}

	#contact-call-to-action .btn-contact a {
		color: #2e56a3;
		padding: 10px 50px;
		border-color: #fff;
		background-color: #fff;
	}

		#contact-call-to-action .btn-contact a:hover {
			background-color: transparent;
			color: #fff;
			border-color: #fff;
		}

			#contact-call-to-action .btn-contact a:hover i {
				color: #fff;
			}

	#contact-call-to-action .btn-contact i {
		color: #2e56a3;
		padding-right: 10px;
	}

	#contact-call-to-action #phone a {
		color: #fff;
		font-size: 60px;
		text-decoration: none;
		font-family: 'Quattrocento Sans', sans-serif;
		text-shadow: 1px 3px rgba(85,85,85,0.5);
	}

	#contact-call-to-action #phone {
		padding-bottom: 15px;
	}

	#header-contact-button {
		height: 66px;
		width: 176px;
		float: right;
		padding: 12.5px 30px;
		background-color: #2e56a3;
	}

		#header-contact-button:hover {
			background-color: #163E8E;
		}

		#header-contact-button a {
			color: #fff;
			text-decoration: none;
		}

	.header-contact-button-active {
		background-color: #163E8E !important;
	}

	.contact-sub-heading h5 {
		text-transform: uppercase;
		font-size: 18px;
	}

	.contact-content .contact-col-left-inner {
		color: #555555;
	}

		.contact-content .contact-col-left-inner i {
			color: #48a9a6;
		}

	.contact-content .contact-col-right-inner a {
		color: #555555;
	}

	form input {
		width: 45%;
		float: left;
		margin-right: 25px;
		color: #6f6f6f;
		font-style: italic;
		text-indent: 8px;
		border: 1px solid #6f6f6f;
		padding: 7.5px;
		margin-bottom: 20px;
		background-color: #f9f9f9;
	}

	form select {
		width: 45%;
		float: left;
		margin-right: 25px;
		color: #6f6f6f;
		font-style: italic;
		text-indent: 8px;
		border: 1px solid #6f6f6f;
		padding: 7.5px;
		margin-bottom: 20px;
		background-color: #f9f9f9;
	}

	form textarea {
		width: 100%;
		height: 200px;
		color: #6f6f6f;
		font-style: italic;
		text-indent: 8px;
		border: 1px solid #6f6f6f;
		padding: 7.5px;
		margin-bottom: 20px;
		background-color: #f9f9f9;
	}

	.form-sumbit {
		color: #555555;
		font-weight: 600;
		padding: 10px 20px;
		border-radius: 30px;
		border: 2px solid #555555;
		text-decoration: none;
		text-transform: uppercase;
		background-color: transparent;
		width: auto;
		display: block;
		margin: 0 auto;
		font-style: normal;
		float: none;
		margin-bottom: 20px;
		font-size: 14px;
	}

		.form-sumbit:hover {
			background-color: #48a9a6;
			border-color: #48a9a6;
			color: #fff;
		}

	.form-group {
		margin-top: 20px;
	}

	.form-control {
		margin-top: 0px;
		break-after: always;
		margin-bottom: 8px;
	}



	/* Page
==============================*/
	.default-banner {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: 0;
		padding: 0px;
		background-repeat: no-repeat;
		margin: 0 auto;
		background-position: center center;
		position: relative;
	}

	.breadcrumbs {
		background-color: #396CCC;
		padding: 10px 15px;
		font-size: 13px;
	}

		.breadcrumbs .breadcrumbs-container span {
			color: #cccccc;
			font-weight: 500;
			padding-right: 10px;
			letter-spacing: .5px;
			text-transform: uppercase;
		}

		.breadcrumbs .breadcrumbs-container .bc-page {
			color: #fff;
		}

	.referral-banner {
		background-image: url('images/home-banner-subsection.jpg');
		background-position: center center;
	}

	.default-banner-container {
		color: #fff;
		z-index: 999;
		position: relative;
	}

		.default-banner-container h3 {
			font-weight: 100;
			color: #fff;
		}

		.default-banner-container h1 {
			color: #fff;
		}

	.default-banner-container {
		padding: 40px 0px;
	}

	#content-full-width h3 {
		color: #396ccc;
		padding-bottom: 15px;
	}

	#content-full-width .btn {
		padding: 50px 0px;
	}

		#content-full-width .btn a:hover {
			color: #48A9A6;
			border-color: #48A9A6;
			background-color: transparent;
		}

	#footer-left-column-mobile a {
		font-weight: 100;
	}

	.contact-content #footer-left-column-mobile a {
		font-size: 14px;
		font-family: 'open_sansregular';
		color: #000;
		font-weight: 100;
	}

		.contact-content #footer-left-column-mobile a b {
			font-size: 14px;
			font-family: 'open_sansregular';
			color: #000;
			font-weight: 100;
		}


	/* Quote slider
==============================*/
	#quote-carousel p {
		font-size: 36px;
		color: #428bca;
		font-weight: 100;
		font-style: italic;
		line-height: 48px;
	}

	#quote-slider .left i {
		float: left;
		padding-left: 15px;
	}

	#quote-slider .right i {
		float: right;
		padding-right: 15px;
	}

	.carousel-control i {
		color: #21c2dc;
		font-size: 85px;
	}

	#quote-carousel {
		padding: 0 75px 55px 75px;
		margin-top: 30px;
	}

		#quote-carousel .carousel-control {
			background: none;
			color: #222;
			font-size: 2.3em;
			text-shadow: none;
			margin-top: 30px;
		}

			#quote-carousel .carousel-control.left {
				left: -12px;
			}

			#quote-carousel .carousel-control.right {
				right: -12px !important;
			}

		#quote-carousel .carousel-indicators {
			right: 50%;
			top: auto;
			bottom: 0px;
			margin-right: -19px;
		}

			#quote-carousel .carousel-indicators li {
				background: #bcedf4;
				border: none;
			}

			#quote-carousel .carousel-indicators .active {
				background: #21c2dc;
				border: none;
			}

		#quote-carousel img {
			width: 250px;
			height: 100px
		}


	.item blockquote {
		border-left: none;
		margin: 0;
	}

		.item blockquote img {
			margin-bottom: 10px;
		}

		.item blockquote p:before {
			content: url('images/quote.png');
			position: absolute;
			margin-top: -25px;
			margin-left: -20px;
		}


	/* Contact
==============================*/
	.contact-banner {
		background-image: url('images/contact-banner.jpg');
	}


	/* Footer
==============================*/
	footer {
		background-color: #e5f3ff;
	}

	#scroll-btn img {
		margin-top: -20px;
		position: absolute;
		width: 55px;
	}

	footer h5 {
		text-transform: uppercase;
		font-size: 18px;
		margin-bottom: 20px;
	}

	footer b {
		font-size: 14px;
	}

	footer .padded {
		padding: 50px 0px 15px 0px;
	}

	#footer-bottom {
		padding: 10px 15px;
		font-size: 11px;
		letter-spacing: .25px;
	}

		#footer-bottom #footer-seperator {
			color: #396ccc;
		}

		#footer-bottom #footer-copy {
			text-transform: uppercase;
			color: #396ccc;
		}

	#footer-right-column img {
		max-width: 100%;
	}

	.contact-col-left-inner {
		color: #428bca;
		font-weight: 600;
	}

		.contact-col-left-inner i {
			color: #396ccc;
		}

		.contact-col-left-inner i {
			padding-right: 10px;
		}

	.contact-col-left-inner {
		padding-left: 0px;
	}

	.contact-col-right-inner {
		padding-left: 0px;
	}

	#footer-left-column div {
		padding-bottom: 10px;
	}

	.contact-col-right-inner a {
		color: #000;
		text-decoration: none;
	}

	#footer-center-column .footer-heading {
		padding-bottom: 0px;
	}

	#footer-center-column div {
		padding-bottom: 10px;
	}

	#footer-center-column span {
		color: #000;
	}

	#footer-center-column #footer-marker {
		padding-right: 10px;
		color: #396ccc;
	}

	#footer-center-column #footer-span-empty {
		padding-left: 18px;
	}

	#footer-terms-conditions a {
		font-weight: 600;
		text-decoration: none;
	}

	#footer-left-column-mobile {
		display: none;
	}

	.mobile-span-right {
		padding-left: 5px;
		color: #555555;
	}

	#footer-left-column-mobile a {
		text-decoration: none;
	}

	#footer-left-column-mobile div {
		padding-bottom: 10px;
	}


	/****************************************/
	/***** MEDIA QUERY FOR BELOW 767PX ******/
	/****************************************/
	@media (max-width: 767px) {

		#home-banner-contianer h1 {
			font-size: 40px;
		}

		#home-banner-buttons .btn {
			display: block;
			float: left;
			margin-bottom: 5px;
		}

		#page-introduction p {
			font-size: 20px;
			line-height: 30px;
		}

		#quote-carousel p {
			font-size: 30px;
		}

		#quote-carousel p {
			line-height: 35px;
			font-size: 27.5px;
		}

		.carousel-control i {
			font-size: 60px;
		}

		.navbar-nav {
			margin-top: 0px;
		}

		.navbar-default .navbar-collapse {
			border-color: rgba(255,255,255,0.1);
		}

		.nav-right {
			display: none;
		}

		.navbar-toggle .icon-bar {
			background-color: #fff !important;
		}

		.navbar-default .navbar-toggle:hover {
			background-color: #2e56a3 !important;
		}

		.nav li.active a::before {
			display: none;
		}

		.nav li a:hover:before {
			display: none;
		}

		.navbar-nav > li {
			border-bottom: 1px solid rgba(255,255,255,0.1);
		}

		.nav li a:first-child {
			border: none;
		}

		.nav li a {
			border: none;
		}

		nav .nav-left {
			padding: 0px;
		}

		nav .container-fluid {
			padding: 0px;
		}

		nav .navbar-nav {
			margin: 0px;
		}

		.header-top .left p {
			font-size: 15px;
			margin-bottom: 0px;
		}

		.header-top a {
			font-size: 15px;
		}

		.header-top .login p {
			margin-bottom: 0px;
		}

		#bs-example-navbar-collapse-1 {
			padding: 0px;
		}

		.breadcrumbs {
			font-size: 12px;
		}

		.nav .referral-btn {
			display: block;
		}

		.header-main .right {
			display: none;
		}

		.header-main .center {
			display: none;
		}

		.mobile-menu-toplink {
			display: none;
		}

		.header-top .right {
			display: none;
		}

		.header-main .logo img {
			width: 300px;
		}

		#dl-menu {
			display: none !important;
		}

		#contact-call-to-action #phone a {
			font-size: 40px;
		}

		.btn {
			padding: 0px;
		}

		#contact-call-to-action .btn-contact a {
			padding: 10px 15px;
		}

		.accordion h5 {
			font-size: 16px;
		}

		#quote-carousel {
			margin-bottom: 0;
			padding: 0 40px 30px 40px;
		}

		.contact-content #footer-left-column {
			display: block;
			clear: both;
		}

		.contact-content #phone-call-to-action a {
			font-size: 40px;
		}

		form input {
			width: 100%;
			display: block;
			float: none;
			margin-right: 0px;
		}

		#footer-left-column-mobile {
			display: block;
			padding-bottom: 15px;
		}

		.contact-content #footer-left-column {
			display: none;
		}

		#footer-right-column img {
			padding-top: 25px;
		}

		#footer-left-column {
			display: none;
		}

		#footer-marker {
			display: none;
		}

		#footer-span-empty {
			display: none;
		}

		#footer-terms-conditions span {
			display: block;
		}

		#footer-terms-conditions #footer-seperator {
			display: none;
		}

		#footer-center-column div {
			padding-left: 0px;
		}
	}

	/****************************************/
	/**** MEDIA QUERY FOR 768PX - 991PX *****/
	/****************************************/
	@media (min-width: 768px) and (max-width: 991px) {


		.navbar-header {
			float: none;
		}

		.navbar-toggle {
			display: block;
		}

		.navbar-nav {
			margin-top: 0px;
		}

		.navbar-default .navbar-collapse {
			border-color: rgba(255,255,255,0.1);
		}

		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}

			.navbar-collapse.collapse {
				display: none !important;
			}

		.navbar-nav {
			float: none !important;
			margin: 7.5px -15px;
		}

			.navbar-nav > li {
				float: none;
			}

				.navbar-nav > li > a {
					padding-top: 10px;
					padding-bottom: 10px;
				}

		.navbar-text {
			float: none;
			margin: 15px 0;
		}

		/* since 3.1.0 */
		.navbar-collapse.collapse.in {
			display: block !important;
		}

		.collapsing {
			overflow: hidden !important;
		}

		.nav-right {
			display: none;
		}

		.navbar-nav > li {
			border-bottom: 1px solid rgba(255,255,255,0.1);
		}

		.nav li a:first-child {
			border: none;
		}

		.nav li a {
			border: none;
		}

		nav .nav-left {
			padding: 0px;
		}

		nav .container-fluid {
			padding: 0px;
		}

		nav .navbar-nav {
			margin: 0px;
		}

		#bs-example-navbar-collapse-1 {
			padding: 0px;
		}

		.navbar-toggle .icon-bar {
			background-color: #fff !important;
		}

		.navbar-default .navbar-toggle:hover {
			background-color: #2e56a3 !important;
		}

		.nav li.active a::before {
			display: none;
		}

		.nav li a:hover:before {
			display: none;
		}

		.header-top .right {
			display: none;
		}

		.header-main .logo img {
			width: 400px;
		}

		#dl-menu {
			display: none !important;
		}

		.header-main .logo img {
			margin: 17.5px 0;
		}

		.search {
			padding: 0px;
		}

		.header-main .center .search {
			float: left;
		}

		.header-top .login {
			float: right;
		}

		form input {
			margin-bottom: 13px;
		}

		div.referral {
			margin-top: -117.5px;
			display: block;
		}

		#dl-menu i {
			display: none;
		}

		#quote-carousel .carousel-indicators {
			bottom: -20px !important;
		}

			#quote-carousel .carousel-indicators li {
				display: inline-block;
				margin: 0px 5px;
				width: 15px;
				height: 15px;
			}

				#quote-carousel .carousel-indicators li.active {
					margin: 0px 5px;
					width: 20px;
					height: 20px;
				}

		.contact-content #footer-left-column {
			display: none;
		}

		#footer-left-column-mobile {
			display: block;
			padding-bottom: 15px;
		}

		#footer-right-column img {
			padding-top: 25px;
		}

		#footer-left-column {
			display: none;
		}

		#footer-marker {
			display: none;
		}

		#footer-span-empty {
			display: none;
		}

		#footer-center-column div {
			padding-left: 0px;
		}
	}

	/****************************************/
	/*** MEDIA QUERY FOR 992PX - 1199PX *****/
	/****************************************/
	@media (min-width: 992px) and (max-width: 1199px) {

		.nav li a {
			padding: 12.5px 17.5px;
		}

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

		#search {
			width: 275px;
		}

		.header-main .search {
			padding: 54px 0px;
		}
	}

	/****************************************/
	/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
	/****************************************/
	@media (min-width: 1200px) {
	}

	/**************************************/
	/*** CHROME AND SAFARI SPECIFIC CSS ***/
	/**************************************/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	}

	/**************************************/
	/******** IE 10+ SPECIFIC CSS *********/
	/**************************************/
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	}



	/* Added */

	#content-full-width ul {
		padding-left: 0px;
		margin-top: 24px;
		margin-bottom: 24px;
	}

		#content-full-width ul li {
			font-family: 'Open Sans', sans-serif;
			color: #555555;
			font-size: 16px;
			line-height: 24px;
			font-weight: 100;
			letter-spacing: .5px;
			list-style: none;
			margin-bottom: 10px;
		}

			#content-full-width ul li:before {
				font-family: FontAwesome;
				content: "\f00c";
				padding-right: 10px;
				display: inline;
				color: #21c2dc;
			}

	#content-full-width ol {
		padding-left: 0px;
	}

		#content-full-width ol li {
			font-family: 'Open Sans', sans-serif;
			color: #555555;
			font-size: 16px;
			line-height: 24px;
			font-weight: 100;
			letter-spacing: .5px;
			margin-bottom: 10px;
		}


	.action-button {
		margin-top: 24px;
		margin-bottom: 10px;
		display: inline-block;
	}

		.action-button a {
			font-weight: 500;
			padding: 10px 20px;
			border-radius: 30px;
			border: 2px solid #555555;
			text-decoration: none;
			text-transform: uppercase;
			line-height: 36px;
			letter-spacing: .75px;
			font-size: 14px;
			color: #fff;
			border-color: #48a9a6;
			background-color: #48a9a6;
		}

			.action-button a:hover {
				border-color: #48a9a6;
				color: #48a9a6;
				background-color: transparent;
			}




	/*** Additional styles from Meta ***/

	form input {
		color: #6f6f6f !important;
		font-style: italic !important;
		text-indent: 0px !important;
		border: 1px solid #6f6f6f !important;
		padding: 7.5px !important;
		;
		margin-bottom: 20px !important;
		;
		background-color: #f9f9f9 !important;
	}

	form select {
		text-indent: 0px !important;
	}

	form textarea {
		color: #6f6f6f !important;
		font-style: italic !important;
		text-indent: 0px !important;
		border: 1px solid #6f6f6f !important;
		padding: 7.5px !important;
		;
		margin-bottom: 20px !important;
		;
		background-color: #f9f9f9 !important;
	}

	form select {
		color: #6f6f6f !important;
		font-style: italic !important;
		text-indent: 0px !important;
		border: 1px solid #6f6f6f !important;
		padding: 7.5px !important;
		;
		margin-bottom: 20px !important;
		;
		background-color: #f9f9f9 !important;
	}

	form input.form-sumbit {
		text-indent: 0px !important;
		color: #555555 !important;
		font-weight: 600 !important;
		padding: 10px 20px !important;
		border-radius: 30px !important;
		border: 2px solid #555555 !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
		background-color: transparent !important;
		width: auto !important;
		display: block !important;
		margin: 0 auto !important;
		margin-bottom: 0px !important;
		font-style: normal !important;
		float: none !important;
		margin-bottom: 20px !important;
		font-size: 14px !important;
	}

	.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
		border: none !important;
	}

	.radio-inline input[type="radio"] {
		margin-left: -25px !important;
		width: 20px !important;
	}

	.alert-info {
		background: transparent !important;
		padding: 10px !important;
		border: 0px !important;
	}

	table#files {
		margin: 0px !important;
	}

	.bs-callout h4 {
		text-transform: none !important;
	}

	.form-group .control-label {
		padding-left: 0px;
	}

	.checkbox-inline, .radio-inline {
		padding-left: 24px !important;
	}

	.principles-container {
		margin-left: 80px;
		margin-right: 80px;
		padding-bottom: 50px;
	}

	.principles {
		table-layout: fixed;
		width: 100%;
	}

		.principles td {
			font-size: 17px;
		}

	.modal-footer button, #referral-form-submits button, .modal-footer a, #referral-form-submits a {
		display: inline-block;
		cursor: pointer;
		text-decoration: none;
	}

	#referral-form-submits {
		text-align: center;
	}

	#referral-modal .modal-header h4 {
		color: #333;
	}

	.wizard .nav-tabs {
		position: relative;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		border-bottom-color: transparent;
	}

	.wizard > div.wizard-inner {
		position: relative;
	}

	.connecting-line {
		height: 2px;
		background: #e0e0e0;
		position: absolute;
		width: 75%;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 50%;
		z-index: 1;
	}

	.wizard .nav-tabs > li.active > .wizard-number, .wizard .nav-tabs > li.active > .wizard-number:hover, .wizard .nav-tabs > li.active > .wizard-number:focus {
		color: #555555;
		border: 0;
		border-bottom-color: transparent;
	}

	span.round-tab {
		width: 30px;
		height: 30px;
		line-height: 30px;
		display: inline-block;
		border-radius: 50%;
		background: #fff;
		z-index: 2;
		position: absolute;
		left: 0;
		text-align: center;
		font-size: 16px;
		color: #0e214b;
		font-weight: 500;
		border: 1px solid #ddd;
	}

		span.round-tab i {
			color: #555555;
		}

	.wizard li.active span.round-tab {
		background: #e5f3ff;
		color: #333;
		border-color: #396CCC;
	}

		.wizard li.active span.round-tab i {
			color: #5bc0de;
		}

	.wizard .nav-tabs > li.active > .wizard-number i {
		color: #0db02b;
	}

	.wizard .nav-tabs > li {
		width: 20%;
	}

		.wizard .nav-tabs > li:before {
			content: none !important;
		}

	.wizard li:after {
		content: " ";
		position: absolute;
		left: 46%;
		opacity: 0;
		margin: 0 auto;
		bottom: 0px;
		border: 5px solid transparent;
		border-bottom-color: red;
		transition: 0.1s ease-in-out;
	}

	.wizard .nav-tabs > li .wizard-number {
		width: 30px;
		height: 30px;
		margin: 20px auto;
		border-radius: 100%;
		padding: 0;
		background-color: transparent;
		position: relative;
		top: 0;
	}

		.wizard .nav-tabs > li .wizard-number i {
			position: absolute;
			top: -15px;
			font-style: normal;
			font-weight: 400;
			white-space: nowrap;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 12px;
			font-weight: 700;
			color: #000;
		}

		.wizard .nav-tabs > li .wizard-number:hover {
			background: transparent;
			color: #555555;
			border: 0;
			border-bottom-color: transparent;
		}

	.form-group .control-label {
		padding-left: 0px;
	}

	.checkbox-inline, .radio-inline {
		padding-left: 24px !important;
	}

	/*.principles-container {
	margin-left: 80px;
	margin-right: 80px;
	padding-bottom: 50px;
}*/

	.principles {
		table-layout: fixed;
		width: 100%;
	}

		.principles td {
			font-size: 17px;
		}


	/*Mobile optimization added code */


	/*home page */
	.principles-container {
		margin-left: 50px;
		margin-right: 50px;
		padding-bottom: 50px;
		overflow-x: auto;
	}

	.principles-row {
		display: flex;
		flex-wrap: wrap;
	}

	.principles-item {
		flex: 1 0 50%; /* Two columns on mobile */
		padding: 8px;
		font-size: 14px;
		text-align: center;
	}


	@media only screen and (max-width: 767px) {
		#content-full-width img {
			width: 100% !important;
			height: auto !important;
		}

		.round-image img {
			width: 100%;
		}
	}

	@media only screen and (min-width: 768px) {
		#content-full-width img {
			width: 50%;
			max-width: 100%;
			height: auto;
		}
	}

	@media only screen and (min-width: 1024px) {

		#content-full-width img {
			width: 350px;
			max-width: 100%;
			height: auto;
		}

		.principles-item {
			flex: 1 0 0; /* Full width for iPad and larger screens */
			font-size: 17px;
		}

		.principles-container {
			margin-left: 80px;
			margin-right: 80px;
		}

		.introduction-padded {
			padding: 50px 0px 80px 0px;
		}
	}