.margin-vertical-10{height:10px; width:100%}

.margin-vertical-20{height:20px; width:100%}

.margin-vertical-30{height:30px; width:100%}

.margin-vertical-40{height:40px; width:100%}

.margin-vertical-50{height:50px; width:100%}

.margin-vertical-60{height:60px; width:100%}

.margin-vertical-70{height:70px; width:100%}

.margin-vertical-80{height:80px; width:100%}

.margin-vertical-90{height:90px; width:100%}

.margin-vertical-100{height:100px; width:100%}

.text-danger, .has-error .control-label,  .has-error .form-control-feedback {

	color:#a80403;

}

.header {

	background:#000;

	position:relative;

}

.header-home {

	background:#000;

	height:100vh;

	position:relative;

}

#particles-js{

	position:absolute;

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	width:100%;

	height:100vh;

}

.header-inner {

	position:absolute;

	width:100%;

	top:50%;

	left:50%;

	transform:translate(-50%, -50%);

	text-align:center;

	color:#fff;

}

.header-logo {

	margin:auto;

	animation: shake 1s;

	animation-iteration-count: infinite;

}

@media(max-width:768px) {

	.header-logo {

		max-height:200px;

		margin:auto;

	}

}

.search-form .form-group{

	width:100%;

	position:relative;

	margin-bottom:0px;

}

.search-form .form-group input{

	background:transparent;

	color:#fff;

	border:none;

	height:50px;

	font-size:18px;

	font-weight:bold;

	padding-right:50px;

	border-bottom:3pt solid #fff;

}

.search-form .form-group input:focus, .search-form .form-group input:visited, .search-form .form-group input:hover, .search-form .form-group input:active{

	border-bottom:3pt solid #a80403;

	box-shadow:none;

}

.search-form .form-group .input-group-addon{

	position:absolute;

	top:7px;

	right:10px;

	background:transparent;

	border:none;

	color:#666;

	font-size:18px;

	cursor:pointer;

}

.search-result {

	display:none;

	width:100%;

	max-height:300px;

	overflow-Y:auto;

}

.search-result .data{

	padding:10px;

	border-bottom:1pt solid #ccc;

	background:#fff;

	color:#333;

	text-align:left;

	cursor:pointer;

}

@keyframes shake {

	0% { transform: translate(1px, 1px) rotate(0deg); }

	10% { transform: translate(-1px, -2px) rotate(-1deg); }

	20% { transform: translate(-3px, 0px) rotate(1deg); }

	30% { transform: translate(3px, 2px) rotate(0deg); }

	40% { transform: translate(1px, -1px) rotate(1deg); }

	50% { transform: translate(-1px, 2px) rotate(-1deg); }

	60% { transform: translate(-3px, 1px) rotate(0deg); }

	70% { transform: translate(3px, 1px) rotate(-1deg); }

	80% { transform: translate(-1px, -1px) rotate(1deg); }

	90% { transform: translate(1px, 2px) rotate(0deg); }

	100% { transform: translate(1px, -2px) rotate(-1deg); }

}



.star {

	position: absolute;

	width: 2px;

	height: 2px;

	background: rgba(255,255,255,0.0);

	border-radius: 5px;

}

@keyframes twinkle {

	0% {

		transform: scale(1, 1);

		background: rgba(255,255,255,0.0);

		animation-timing-function: ease-in;

	}

	60% {

		transform: scale(0.8, 0.8);

		background: rgba(255,255,255,1);

		animation-timing-function: ease-out;

	}

	80% {

		background: rgba(255,255,255,0.00);

		transform: scale(1, 1);

	}

	100% {

		background: rgba(255,255,255,0.0);

		transform: scale(1, 1);

	}

}



.stars, .clouds {

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	width:100%;

	height:100%;

	display:block;

}

.stars {

	background:transparent url(../images/stars.png) repeat top center;

	z-index:0;

}

.clouds{

	background:url(../images/clouds2.png) repeat top center, url(../images/clouds3.png) repeat bottom right, url(../images/clouds4.png) repeat top left;



	-moz-animation:move-clouds-back 200s linear infinite;

	-ms-animation:move-clouds-back 200s linear infinite;

	-o-animation:move-clouds-back 200s linear infinite;

	-webkit-animation:move-clouds-back 200s linear infinite;

	animation:move-clouds-back 200s linear infinite;

}

@keyframes move-clouds-back {

    from {background-position:0 0;}

    to {background-position:10000px 0;}

}

@-webkit-keyframes move-clouds-back {

    from {background-position:0 0;}

    to {background-position:10000px 0;}

}

@-moz-keyframes move-clouds-back {

    from {background-position:0 0;}

    to {background-position:10000px 0;}

}

@-ms-keyframes move-clouds-back {

    from {background-position: 0;}

    to {background-position:10000px 0;}

}

.planet{

	width:300px;

	height:300px;

	position:absolute;

	border-radius:50%;

	overflow:hidden;

	box-shadow: 0 0 60px -20px rgba(255, 189, 3, 0.72), -14px -15px 40px -10px rgba(255, 238, 191, 0.23);

	left:50%;

	top:50%;

	margin:-150px;

}

.planet .mask{

	width:100%;

	height:100%;

	position: absolute;

	box-shadow:inset -10px -10px 40px #251303, inset 10px 10px 30px -10px rgba(255, 204, 159, 0.6);

	border-radius:50%;

}

.planet .background{

	animation: translateBackground 40s infinite linear;  

	background:url(../images/mars.jpg) repeat-x;

	width:300px;

	height:300px;

	position:absolute;

	border-radius:50%;

}

.planet .clouds{

	background:url(../images/clouds.png) repeat-x;

	width:300px;

	height:300px;

	position:absolute;

	border-radius:50%;

	animation: translateBackground 30s infinite linear;

	opacity: 0.4;

}

.planet .wrap{

	width:300px;

	height:300px;

	position:absolute;

	border-radius:50%;

	animation: rotatePlanet 150s infinite linear;  

}

@keyframes translateBackground{

	0%{

		background-position-x:0;

	}

	100%{

		background-position-x:-600px;

	}

}

@keyframes rotatePlanet{

	0%{

		transform:rotateZ(0);

	}

	100%{

		transform:rotateZ(-360deg);

	}

}

.navbar-inverse {

	border-radius:0px;

	border:none;

	background:#000;

	margin-bottom:0px;

}

.navbar-inverse .navbar-brand img {

	max-width:270px;

}

.navbar-inverse .navbar-nav li a.login{

	margin:15px;

	padding:10px 15px 7px;

	border-radius:6px;

	background:#fff;

	color:#000;

	font-weight:bold;

}

.navbar-inverse .navbar-nav li a.login:hover{

	color:#a80403;

}

.navbar-inverse .navbar-nav li.active a.login{

	color:#fff;

	background:#a80403;

}

.navbar-inverse .navbar-nav li a.join{

	margin:15px;

	padding:10px 15px 7px;

	border-radius:6px;

	border:2pt solid #fff;

	color:#fff;

	font-weight:bold;

}

.navbar-inverse .navbar-nav li a.join:hover{

	color:#a80403;

	border:2pt solid #a80403;

}

.navbar-inverse .navbar-nav li.active a.join{

	color:#000;

	background:#fff;

	border:2pt solid transparent;

}

.navbar-inverse .navbar-nav li a{

	padding:25px 15px;

	border-bottom:3pt solid transparent;

	transition:all ease-in-out .5s;

}

.navbar-inverse .navbar-nav li a:hover{

	border-bottom:3pt solid #fff;

	color:#fff;

}

.navbar-inverse .navbar-nav li.active a{

	border-bottom:3pt solid #a80403;

	color:#a80403;

}

.main-heading{

	text-align:center;

	font-weight:bold;

}

.main-heading span{

	color:#a80403;

}

.main-heading::after{

	display:block;

	margin:15px auto 25px auto;

	content:"";

	background-image:url("../images/dividers.png");

	height:20px;

	width:88px;

}

.program-box{

	display:block;

	border:1pt solid rgba(0,0,0,.1);

	padding:10px;

	margin:30px auto 15px;

	color:#222;

	position:relative;

	background:rgba(0,0,0,.06);

	transition:all ease-in-out .3s;

	outline:none !important;

}

.program-box.featured{

	background:rgba(168,4,3,.1);

	border:1pt solid rgba(168,4,3,.2);

}

.program-box.featured::after{

	content:"";

	position:absolute;

	top:-15px;

	right:-15px;

	height:80px;

	width:80px;

	background:url("../images/featured.png");

	transition:all ease-in-out .3s;

}

.program-box:hover{

	background:transparent;

	color:#222;

}

.program-box.featured:hover::after{

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}

.program-box .rating {

	height:16px;

	width:100%;

}

.program-box .rating span {

	display:inline-block;

}

.program-box .rating span.full-star {

	height:16px;

	width:16px;

	background:url("../images/star.png");

}

.program-box .rating span.half-star {

	height:16px;

	width:16px;

	background:url("../images/halfstar.png");

}

.program-box .rating span.blank-star {

	height:16px;

	width:16px;

	background:url("../images/blankstar.png");

}

.program-box .rating span.data {

	height:16px;

	padding:1px 5px;

	background:#ccc;

	color:#000;

	font-size:12px;

	border-radius:4px;

	margin-left:5px;

}

.view-all-programs {

	display:block;

	padding:5px;

	border:1pt solid #a80403;

	margin-bottom:15px;

	color:#a80403;

	position:relative;

	transition:all ease-in-out .2s;

	font-weight:bold;

}

.view-all-programs:hover {

	border:1pt solid #a80403;

	margin-bottom:15px;

	color:#fff;

	background:#a80403;

	text-decoration:none;

}

.view-all-programs span {

	position:absolute;

	top:5px;

	right:5px;

	display:block;

	height:20px;

	width:20px;

	border-radius:50%;

	border:1pt solid #a80403;

}

.view-all-programs:hover span {

	border:1pt solid #fff;

}

.view-all-programs span i{

	position:absolute;

	top:50%;

	left:50%;

	transform:translate(-50%,-50%);

}

.form-bg {

	    background: #000;

    color: #fff;

   

}

.form-bg .control-label{

	background:#222;

	height:50px;

	padding-top:15px;

	border-bottom:2pt solid #fff;

}

.form-bg .form-group textarea{

	border:none;

	border-radius:0px;

	border-bottom:2pt solid #fff;

	transition:all ease-in-out .3s;

	background:transparent;

	color:#fff;

}

.form-bg .form-group input, .form-bg .form-group select{

	height:50px;

	border:none;

	border-radius:0px;

	border-bottom:2pt solid #fff;

	transition:all ease-in-out .3s;

	background:transparent;

	color:#fff;

}

.form-bg .form-group input:focus, .form-bg .form-group select:focus, .form-bg .form-group textarea:focus, .form-bg .form-group input:hover, .form-bg .form-group select:hover, .form-bg .form-group textarea:hover{

	border-bottom:2pt solid #a80403;

	box-shadow:none !important;

}

.form-bg .input-group-addon{

	border:none;

	background:transparent;

}

.form-bg .btn-main {

	color:#fff;	

	background:#a80403;

	transition: all ease-in-out .5s;

}

.form-bg .btn-main:hover {

	background:#fff;	

	color:#a80403;	

}

.btn-main {

	background:#000;

	border-radius:0;

	border:none;

	padding:10px 20px;

	color:#fff;

	transition: all ease-in-out .5s;

}

.btn-main:hover {

	background:#a80403;

	color:#fff;

}

.faq{

	border:1pt solid #a80403;

	margin-bottom:15px;

}

.faq .question{

	background:#a80403;

	color:#fff;

	font-weight:bold;

	padding:13px 20px 13px 10px;

	position:relative;

	cursor:pointer;

}

.faq .question::after{

	position:absolute;

	top:15px;

	right:10px;

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

	font-family: "FontAwesome";

	font-weight: 900;

	content: "\f067";

}

.faq .question.active::after{

	position:absolute;

	top:15px;

	right:10px;

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

	font-family: "FontAwesome";

	font-weight: 900;

	content: "\f00d";

}

.faq .answer{

	color:#333;

	padding:10px;

	display:none;

}

.table-main thead {

	background:#a80403;

	color:#fff;

}

.table-main.table-bordered > tbody > tr > td, .table-main.table-bordered > tbody > tr > th, .table-main.table-bordered > tfoot > tr > td, .table-main.table-bordered > tfoot > tr > th, .table-main.table-bordered > thead > tr > td, .table-main.table-bordered > thead > tr > th {

	border-color:#8e0603;

}

.footer {



	background:#222;



	color:#fff;



	padding:25px 0px 10px 0px;



}

footer{margin:0; padding:48px 0; width:100%; float:left;background: #2d2d2d;;}



footer .logoandicon{margin:0; padding:0; width:100%; float:left;}



footer .logoandicon a.footer-logo{float:left; height:auto; padding:0 ; font-size:35px; line-height:20px; font-weight:700; color:#fff;}



footer .logoandicon a.footer-logo p{margin:0; font-size: 25px; padding: 0; float:left;}



footer .logoandicon a.footer-logo img{margin:0 10px 0 0; padding:0px; float:left;}





footer .logoandicon a.footer-logo:focus, a.footer-logo:hover{color:#ca5b23; background:none;}

footer ul{

  padding-left: 0;

}



footer ul.icon{ width:100%; float:left;}



footer ul.icon li{margin:0 11px; padding:0; list-style:none; display:inline-block;}



footer ul.icon li a{margin:0; padding:0; outline:none; text-decoration:none; cursor:pointer; color: #20a6fd; font-size: 3rem;}



footer .quick-links{margin:0; padding-bottom: 2rem;; float:left; width:100%;}



footer .quick-links h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}



footer .quick-links hr{margin-top:20px; margin-bottom:20px; border:none; height:2px;

	 width:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;

	  box-sizing:content-box; background:#fff;

}



footer .quick-links ul{margin:0; padding:0; width:50%; float:left;}



footer .quick-links ul li{margin:0; padding:0; list-style:none; display:block;}



footer .quick-links ul li a{margin:0; padding:0; font-size:14px; color:#ddd; font-weight:400; outline:none; text-decoration:none; cursor:pointer;}



footer .quick-links ul li:hover a{color:#ddd;}



footer .quick-links ul li a .fa-angle-right{font-size:18px; color:#a4aab7; margin:0 10px 0 0;}



footer .company{margin:0; padding-bottom: 2rem; float:left; width:100%;}



footer .company h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}



footer .company hr{margin-top:20px; margin-bottom:20px; border:none; height:2px; width:100%;

	 -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;

	  background:#fff;

}



footer .company p{margin:0; padding:0; font-size:14px; color:#a4aab7; font-weight:400; line-height:26px;}



.copyright{background:#252525; padding:14px 0px; float:left; width:100%;}



.copyright .granames{text-align:right; margin-top:-24px; margin-right:14px;}



.copyright .copytexts{text-align:center; font-size:13px; color:#fff; font-weight:400;}

/* CTA Button Hover Effects */
.cta-button {
	transition: all 0.3s ease !important;
	text-decoration: none !important;
	display: inline-block;
}

.cta-button:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 6px 20px rgba(168, 4, 3, 0.6) !important;
	background: #c80504 !important;
}

.cta-button:active {
	transform: translateY(-1px) !important;
	background: #8a0302 !important;
}

/* Brand Clarification Styling */
.brand-clarification {
	animation: fadeIn 1s ease-in;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Hero Explanation Styling */
.hero-explanation {
	animation: slideUp 0.8s ease-out;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Value Proposition Box Responsive */
@media (max-width: 768px) {
	.hero-explanation h2 {
		font-size: 22px !important;
	}
	
	.hero-explanation p {
		font-size: 14px !important;
	}
	
	.cta-button {
		padding: 12px 30px !important;
		font-size: 16px !important;
	}
	
	.value-proposition-box {
		padding: 25px !important;
	}
}

/* No Programs Message Styling */
.no-programs-message {
	animation: fadeIn 0.6s ease-in;
}

/* Search Form Enhancement */
.search-form {
	animation: fadeIn 1s ease-in;
}