body{
	background-color: #f8f9fa;
}
.page-header{
	font-size:40px;
	color:#ffc107;
	text-align:center;
	border-bottom:5px solid #ffc107;
	margin-bottom:20px;
	padding:10px;
	font-size:32px;
}

.subHeading{
	padding: 10px;
	text-align:center;
	border-bottom: 5px solid #ffc107;
}

.layer {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50.05%,-49.75%);
	background: rgb(100, 43, 115);
	background: -webkitlinear-gradient(to right, rgb(100, 43, 115), rgb(198, 66, 110));
	background: linear-gradient(to right, rgb(100, 43, 115), rgb(198, 66, 110));
	opacity: 0.7;
}

.masthead {
	width: 100%;
	height: auto;
	position: relative;
	background: #f5f8fd   url('https://cdn.pixabay.com/photo/2018/09/10/06/11/app-3666365_960_720.jpg') center top no-repeat;
	background-color: rgb(245, 248, 253); 
	background-size: cover;
	background-color: #000;
	background-attachment: fixed;
}

section.pricing { 
	background: #007bff; 
	background: url('https://startbootstrap.com/assets/img/overlay.svg'), linear-gradient(to right, #c0971c, #33AEFF);
	background-size: cover;
	background-attachment: fixed;
}

.pricing .card {
	border: none;
	border-radius: 1rem;
	transition: all 0.2s;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
	margin: 1.5rem 0;
}

.pricing .card-title {
	margin: 0.5rem 0;
	font-size: 0.9rem;
	letter-spacing: .1rem;
	font-weight: bold;
}

.pricing .card-price {
	font-size: 32px;
	margin: 0;
}

.pricing .card-price .period {
	font-size: 16px;
}

.pricing ul li {
	margin-bottom: 1rem;
}

.pricing .text-muted {
	opacity: 0.7;
}

.pricing .btn {
	font-size: 80%;
	border-radius: 5rem;
	letter-spacing: .1rem;
	font-weight: bold;
	padding: 1rem;
	opacity: 0.7;
	transition: all 0.2s;
}

@media (max-width: 992px) {
.page-header{
	font-size:20px;
}
}

/* Hover Effects on Card */

@media (min-width: 992px) {

	.pricing .card:hover {
		margin-top: -.25rem;
		margin-bottom: .25rem;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
	}
	.pricing .card:hover .btn {
		opacity: 1;
	}
}
.fixed-top  ul li a,.fixed-top a, .fixed-top.scrolled > .navbar-toggler {
	color: #fff !important;	
	background:  #32325c; 
}

.fixed-top.scrolled  ul li a, .fixed-top.scrolled a  {
	color:#fff !important; 
	
}

.fixed-top{
	background-color: #32325c; 
	opacity:0.8;
	padding:10px;
}

.fixed-top.scrolled {
	background: #32325c none repeat scroll 0 0; 
	transition: background-color 200ms linear;
	color:#fff !important; 
	opacity:1;
	padding:5px;
}

.bg-jacart{
	background: #32325c none repeat scroll 0 0; 
	transition: background-color 200ms linear; 
}

/*** spacer Class***/
.spacer5{
	
	display:block;
	width:100%;
	height:5px;
	clear:both;
	
}
.spacer10{
	
	display:block;
	width:100%;
	height:10px;
	clear:both;
	
}

.spacer20{
	display:block;
	width:100%;
	height:20px;
	clear:both;
}
.spacer30{
	display:block;
	width:100%;
	height:30px;
	clear:both;
}
.spacer50{
	
	display:block;
	width:100%;
	height:50px;
	clear:both;
	
}
.spacer70{
	
	display:block;
	width:100%;
	height:70px;
	clear:both;
	
}
.spacer100{
	
	display:block;
	width:100%;
	height:100px;
	clear:both;
	
}		

.bottom-left {
	position: absolute;
	bottom: 8px;
	left: 16px;
}

.top-left {
	position: absolute;
	top: 8px;
	left: 16px;
}

.top-right {
	position: absolute;
	top: 8px;
	right: 16px;
}

.bottom-right {
	position: absolute;
	bottom: 8px;
	right: 16px;
}

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

.fb {
	background-color: #3B5998;
	color: white;
}

.twitter {
	background-color: #55ACEE;
	color: white;
}

.google {
	background-color: #dd4b39;
	color: white;
}


.box
{
	width:100%;
	max-width:600px;
	background-color:#f9f9f9;
	border:1px solid #ccc;
	border-radius:5px;
	padding:16px;
	margin:0 auto;
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
	color: #ff0000;
	background: #e06d38;
	padding: 2px;
	text-align: left;
	color: #fff;
	padding:2px;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

.parsley-type, .parsley-required, .parsley-equalto{
	color: #ff0000;
	background: #e06d38;
	padding: 2px;
	text-align: left;
	color: #fff;
	padding:2px;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	color: #468847;
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.parsley-errors-list div.parsley-required, div.parsley-pattern, div.parsley-type , div.parsley-min {
	background:   #e06d38;
	padding: 2px;
	text-align:center;
	color: #fff;
}


.dropdown-menu {
background-color:inherit;
border:0;
}

.dropdown-item:focus, .dropdown-item:hover {
 
    color: #16181b;
    text-decoration: none;
    background-color: #42425f;
	}