body {
	font-family: 'Raleway', sans-serif;
	/* background: #F5F5F5; */
}


/* -------- HEADER -------- */

.navbar {
	border-color: transparent;
	border-radius: 0;
}
.navbar-default {
	background-color: transparent;
}
.navbar .navbar-brand {
    padding: 0;
    height: auto;
    margin-left: 10px !important;
}
@media(max-width: 767px) {
	.navbar .navbar-brand {
		margin-left: 10px;
	}
}
.navbar .navbar-brand img {
    max-width: 115px;
    margin: 10px auto;
    display: block;
}

/* Overriding dropdown styles inside navbar-nav */
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #f5f5f5;
}
/* End Overriding dropdown styles inside navbar-nav */

/* ------ END HEADER ------ */


.step-indicator {
	text-align: center; 
	font-family: 'Open Sans'; 
	font-size: 0.8em; 
	color: #ff6171;
}
.main-title {
	text-align: center; 
	margin-top: 0px; 
	font-weight: 500;
}

.form-group {
	position: relative;
}

span.validation-alert {
    color: #bf3542;
    font-size: 11px;
    display: block;
    margin-top: 10px;
}



.pricing-info-sidebar {
	padding: 30px;
    background-color: #f5f5f5;
}
.pricing-info-sidebar .pricing-table {
	width: 100%;
}
.pricing-info-sidebar .pricing-table .pricing-right-column {
	text-align: right;
}



.p-payment-sidebar-trial-end-reminder {
    display: flex;
    flex-direction: column;
    margin: 12px 0 24px;
    padding: 30px;
    background-color: rgba(26,166,81,.15);
    color: #1aa651;
}
	.p-payment-sidebar-trial-end-reminder .p-billed-now-content {
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    font-size: 20px;
	}
		.p-payment-sidebar-trial-end-reminder .p-billed-now-content .p-billed-now-amount {
		    font-weight: 700;
		}
	.p-payment-sidebar-trial-end-reminder .p-trial-end-reminder {
	    margin-top: 13px;
	    font-size: 14px;
	    font-weight: 700;
	}



.payment-frequency-container {
	animation: show 1s linear 0s forwards;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex: 1 1 0%;
}

.payment-frequency-container > div {
    color: #555;
    border-color: #ccc;
    background-color: #fff;
    width: 49%;
    height: 100px;
    align-items: center;
    display: flex;
    padding: 0 30px;
    border-width: 1px;
    border-style: solid;
}

.payment-frequency-option {
    cursor: pointer;
    position: relative;
}

.payment-frequency-option.active-selector {
    color: #fff;
    border-color: #ccc;
    background-color: #bf3542;
}

.payment-frequency-option > div input {
    display: inline-block;
    margin-right: 30px;
}

.payment-frequency-input {
    display: flex;
    align-items: center;
    font-weight: 700;
   	overflow: hidden;
}

.per-month-span {
    display: block;
    color: #8E939C;
    font-size: 0.85em;
    font-weight: 400;
}
	.payment-frequency-option.active-selector .per-month-span {
	    color: #dfe1e4;
	}

.cue-top-label-container {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
}

.cue-top-label-container .cue-top-label {
    position: relative;
    display: inline-block;
    background-color: #DFAB29;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 5px 15px;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}


/* Animation */

main .container {
	/* lets turn step-frame container positioned relative */
	position: relative;
}

.step-frame.ng-enter, 
.step-frame.ng-leave {
  	transition: all 0.5s linear;
  	overflow: hidden;
  	position: absolute;
}

.step-frame.ng-enter {
	transform: translateX(2000px);
	z-index: 100;
}
	.step-frame.ng-enter.ng-enter-active {
	  	transform: translateX(0);
	}

.step-frame.ng-leave {
	transform: translateX(0);
	z-index: 99;
}
	.step-frame.ng-leave.ng-leave-active {	
		transform: translateX(-2000px);
	}

/* End Animation */



/* Card Form */

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.credit-card-form .form-control input, .credit-card-form .form-control input:focus {
    font-family: "Open Sans";
    color: 'black';
	font-weight: 600;
    font-size: 17px;
}

.form-control.invalid{
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
}

.tab-content{
    margin-top: 4vh;
}

.nav-tabs>li>a .tab-header{
    color: #bf3542;
}

.nav-tabs>li.active>a .tab-header{
    color: #555;
}

.la-ball-clip-rotate.la-2x{
    height: 3vh;
    width: 3vh;
    display: inline-block;
}

.la-ball-clip-rotate.la-2x > div{
    height: 3vh;
    width: 3vh;
}


/* End Card Form */
.promotion-code-close {
    background-color: darkgray;
    border-color: darkgrey;
    border-style: solid;
    padding-left: 0;
}