
body, .FON, masthead .masthead__video-container {
	background: linear-gradient(#fff, #b0b0b0);
}

.grandient, .nav-pills > li, footer {
	background: linear-gradient(to bottom, #6b9cd4 0%, #193d65 100%);
}

.navbar .navbar-brand, footer, .navbar .navbar-nav > li > a, .nav-pills > li > a, .panel > .panel-heading, .navbar.elcontainer, .panel-title, h1 {
	background-color: transparent;
	color: #ffffff;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0px;
}

.navbar li, .navbar li > a, .nav-pills > li > a {
	font-size: 14px;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .navbar .navbar-nav > li > a:hover, .nav-pills > li > a:hover, .nav > li > a:focus, .nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
	color: #ffffff !important;
	background: #b060ff !important;
}

.navbar .nav .dropdown-menu > li > a, .nav-pills .dropdown-menu > li > a {
	color: #ffffff;
	font-size: 14px;
}

@media (max-width: 768px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
}

.navbar .nav .dropdown-menu, .nav-pills .dropdown-menu {
	background-color: rgba(198,155,255,0.8);
}

.nav-pills .dropdown-menu > li > a:hover, .navbar .nav .dropdown-menu > li > a:hover, .nav-pills .dropdown-menu > li > a:focus, .navbar .nav .dropdown-menu > li > a:focus {
	background-color: #b060ff;
	color: #ffffff;
}

.jumbotron {
	padding-top: 48px;
	padding-bottom: 48px;
	margin-bottom: 0px;
	color: #7c1927;
	background-color: #d7d7d7;
}

.container .jumbotron, .container-fluid .jumbotron {
	padding-left: 60px;
}

.jumbotron p {
	margin-bottom: 0px;
	font-size: 21px;
}

h1 {
	font-size: 26px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.panel-body {
	font-size: 18px;
	color: #2e3436;
	background: #c7e8bf;
}

.panel {
	margin-top: 0px;
	border-color: #770000;
}

.panel-heading .panel-title {
	font-size: 26px;
}

.panel-body h3 {
	font-size: 24px;
}

.panel-body img {
	margin: 5px;
}

a {
	color: #0000ff;
}

a:focus, a:hover {
	color: #4c4cff;
}

a:visited {
	color: #0000ce;
}

@media (max-width: 600px) {
	footer {
		padding: 13.5px;
	}
}

footer {
	height: auto;
	font-size: 15px;
	padding: 13.5px;
}

footer a {
	color: #0047ff;
}

footer a:hover, footer a:focus, footer a:active {
	color: #5e5eff;
}

footer a:visited {
	color: #0000b2;
}

.btn-primary {
	background-color: #8a2be2;
	border-color: #8a2be2;
	color: #ffffff !important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	background-color: #c700ff;
	color: #ffffff;
	border-color: #c700ff;
}

.carousel-caption {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #5b31f8;
	text-align: center;
	text-shadow: 0px 0px #551717;
}

.navbar-form .btn {
	color: #ffffff;
	background-color: #8a2be2;
	border-color: #8a2be2;
}

.navbar-form .btn:hover {
	color: #ffffff;
	background-color: #ce9aff;
	border-color: #ce9aff;
}

.navbar-form .form-control {
	background: #fffbc1;
}

.navbar-form {
	margin-right: 0px;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: 0px;
	margin-left: 0px;
}

@media (max-width: 768px) {
	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}
	
	.navbar-inverse .navbar-toggle {
		border-color: #8a2be2;
		background-color: #8a2be2;
	}
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: #7a00ea;
		border-color: #7a00ea;
	}
}

.elcontainer {
	margin-top: 0px;
	margin-bottom: 20px;
}

.home-masthead .masthead__title {
	max-width: 660px;
	margin: 0 auto 15px auto;
	color: #ffffff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.25em;
	padding-top: 70px;
}

.landing-page-btn--white, input[type="submit"].landing-page-btn--white {
	color: #ffffff;
	background: #8a2be2;
	box-shadow: inset 0 0 0 2px #fff;
}

.landing-page-btn--white:hover, .landing-page-btn--white:focus, input[type="submit"].landing-page-btn--white:hover, input[type="submit"].landing-page-btn--white:focus {
	color: #ffffff;
	background: #c700ff;
}

.landing-page-btn--solid:hover, .landing-page-btn--solid:focus, .landing-page-btn--white:hover, .landing-page-btn--white:focus, input[type="submit"].landing-page-btn--solid:hover, input[type="submit"].landing-page-btn--solid:focus, input[type="submit"].landing-page-btn--white:hover, input[type="submit"].landing-page-btn--white:focus {
	transform: scale(1.1) translateZ(0);
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.htmlcode-text {
	float: left;
	margin: 0px;
	max-width: 100%;
	height: auto;
	width: 592px;
}

@media (max-width: 768px) {
	.htmlcode-text {
		float: left;
		margin: 0px !important;
		max-width: 100%;
		height: auto;
		width: 592px;
	}
}

@media (max-width: 768px) {
	img-responsive {
		margin: 0px !important;
	}
}
