@charset "utf-8";
/* CSS Document */

	@font-face {
		font-family: mftrFont;
		src: url(../fonts/Lato-Regular.ttf);
  }

	@font-face {
		font-family: mftrFontBold;
		src: url(../fonts/Lato-Bold.ttf);
  }
	.mftr-font-bold {
		font-family: mftrFontBold;
		letter-spacing: -1px;
		/* text-transform: uppercase; */
	}
	.mftr-font {
		font-family: mftrFont;
		/* letter-spacing: -1px; */
	}
	.dark-blue {
		color: #17215a;
	}
	.light-blue {
		color: #26abe2;
	}
	.blue-button {
		display: inline-block;
		background-color:#283791;
		border-radius: 10px;
		padding:2px 20px;
		color:#fff;
		text-decoration: none;
		font-weight:700;
		box-shadow: 8px 8px #17215a;
	}
	.mftr-product {
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 13px 8px #e0e0e0;
		padding:20px 20px 40px 20px;
		font-size:20px;
	}
	.mftr-product-content {
		min-height:380px;
		margin-bottom: 30px;
	}
	.mftr-deluxe {
		margin-top:-48px;
	}
	.blue-box {
		background-color: #26abe2;
		height: 50px;
		width: 90%;
		margin: 0 0 20px -200px;
		box-shadow: 8px -8px #f1f1f1;
	}
	.dark-blue-box {
		background-color: #17215a;
		height: 50px;
		width: 90%;
		margin: 0 0 20px -200px;
		box-shadow: 8px -8px #f1f1f1;
	}
	.blue-banner {
		background-image: none;
		background-color:#26abe2;
		padding: 50px;
		color: #fff;
		margin-top:50px;
		position: relative;
		height: auto;
		width:100%;
		margin-left:0;
	}
	.header-1 {
		font-size:56px;
	}
	.p-content-1 {
		font-size:38px;
	}
	.header-2 {
		font-size:46px;
	}

body {
	color: #666;
	font-family: "Open Sans",Arial,sans-serif;
}
main {
	margin-top: 50px;
	overflow: hidden;
}
#header{
	position: fixed;
	top:0px;
	width: 100%;
	padding: 10px 0;

	font-family: 'PT Sans', sans-serif;
	z-index:1000;
	background-color:rgba(255, 255, 255, 0.9) !important;
	/* background-color: rgb(29, 28, 28) ; */

	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);

	/* box-shadow: 0px 18px 20px -10px #0000008f; */
	border-bottom: solid 1px #dfdfdf;

	
	// set animation
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#header.sticky {
	text-align: left;
	background-color:rgba(255, 255, 255, 0.75) !important; 
	/*background-color:rgba(8, 8, 8, 0.95) !important; */
}
#navbarCollapse {
	margin-top: 9px;
}
.navbar {
	padding: 0;
}
#logo {
  display:block;
  height:auto;
  width:265px;
  
  // set animation
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#logo.sticky_size {
	height: auto;
	width:200px;
}
#nav-sticky {
	margin-top:34px;
	
	// set animation
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#nav-sticky.sticky_margin {
	margin-top:20px;
}
.dropdown:hover .dropdown-menu {
	display:block;
	margin-top: 0;
}
a.nav-link.active {
	color: rgb(72, 51, 199) !important;
}
a.nav-link:hover {
	color: rgb(72, 51, 199) !important;
}
.pre-footer {
	display:block;
	background-color: rgba(38,171,226,.2);
	color: rgb(72, 51, 199);
	width:100%;
	padding:20px;
	min-height:180px;
  }
.pre-footer a, .pre-footer a:visited, .pre-footer a:link {
	color: rgb(72, 51, 199);
  
	-webkit-transition: all .2s ease-out;
	  -moz-transition: all .2s ease-out;
	  -ms-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  transition: all .2s ease-out;
  }
  .pre-footer a:hover {
	color: rgb(117, 136, 243);
	margin-left: 5px;
  }
  footer a:hover {
	color: #ddd;
  }
  .pre-footer li {
	  list-style-type: none;
  }
  .footer-title {
	  font-size:18px;
	  border-bottom:solid 1px #999;
	  margin-bottom:10px;
	  font-weight:bold;
  }
footer {
	display:block;
	background-color:rgb(35, 18, 141);
	color:#fff;
	width:100%;
	padding:20px;
	text-align:center;
	font-size:12px;
  }
footer a {
	color:#fff;
	text-decoration: none;
}
.url {
	display: none;
}
.bg-1 {
	background-image: url("../img/bg-fade-1.png");
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #f8f5f5;
}
.bg-2 {
	background-image: url("../img/bg-fade-1.png");
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #fff;
}
.fp-h1 {
	color: rgb(72, 51, 199);
}
.lightBlue {
	color: rgb(38,171,226);
}
.logo-efile {
    max-height: 42px;
    width: auto;
    /* margin-top: 10px; */
    margin-right: 20px;
}





/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: 4rem;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
	bottom: 3rem;
	z-index: 10;
  }
  
  /* Declare heights because of positioning of img element */
  .carousel-item {
	height: 32rem;
  }
  .carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 32rem;
  }
  
  
  /* MARKETING CONTENT
  -------------------------------------------------- */
  
  /* Center align the text within the three columns below the carousel */
  .marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	/* text-align: center; */
  }
  .marketing h2 {
	font-weight: 400;
  }
  /* rtl:begin:ignore */
  .marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
  }
  /* rtl:end:ignore */
  
  
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {
	margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
	font-weight: 300;
	line-height: 1;
	/* rtl:remove */
	letter-spacing: -.05rem;
  }
  
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
	/* Bump up size of carousel content */
		.carousel-caption p {
			margin-bottom: 1.25rem;
			font-size: 1.25rem;
			line-height: 1.4;
		}

		.featurette-heading {
			font-size: 50px;
		}
  }
  
  @media (min-width: 62em) {
		.featurette-heading {
			margin-top: 7rem;
		}
  }
	@media (max-width: 1044px) {
		.mftr-product-content {
			min-height:480px;
		}
	}
	@media (max-width: 991px) {
		.mftr-product-content {
			min-height:280px;
		}
	}
	@media (max-width: 767px) {
		.mftr-deluxe {
			margin-top:30px;
			margin-bottom:30px;
		}
		.header-1 {
			font-size:36px;
		}
		.p-content-1 {
			font-size:18px;
		}
		.header-2 {
			font-size:36px;
		}
	}