html {
	height: 100%;
	font-family: 'Roboto', sans-serif !Important;
}
body#app-layout {
	font-family: 'Roboto', sans-serif !Important;
	color: #777 !Important;
	max-width: 1150px;
}
.appBody {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#103e7b+0,e1edfd+100 */
	background: #103e7b; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #103e7b 0%, #e1edfd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #103e7b 0%,#e1edfd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #103e7b 0%,#e1edfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103e7b', endColorstr='#e1edfd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/*background-repeat: no-repeat;*/
	/*-webkit-background-size: cover;*/
	/*-moz-background-size: cover;*/
	/*-o-background-size: cover;*/
	/*background-size: cover;*/
	height: 100%;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Roboto', sans-serif;!Important;
	color: #777;!Important;
}

#video {
	margin-top: 15px;
	border: 1px solid black;
}

img.teacher {
	max-height: 200px;
}

img.course-image {
	margin-right: 1rem;
}

.forgot {
	/*background-color: #000;*/
	border: none;
}

.forgot:hover {
	border: none;
}

.submenu {
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 768px) {
	.col-xs-12.text-right.submenu {
		text-align: left;
	}
}

.submenu-active {
	background-color: #8a4466 !important;
}

.overheader {
	/*width: 100vw;*/
	max-width: 1150px;
	background-color: rgba(255,255,255,0.95);
	box-shadow: none;
}

/*.boxedlayout .boxedcontent {*/
	/*margin-top: 0;*/
/*}*/

.mainMenuElem:hover {
	background-color: transparent;!Important;
}

a:visited {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}

a#rg-member-request {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .maintitle {
	font-family: 'Roboto', sans-serif;!Important;
	color: #777;!Important;
	font-weight: normal;!important;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;!Important;
	color: #777;!Important;
	font-weight: normal;!important;
}

.startContainer {
	background-color: transparent;
}

.startRow {
	height: 50vh; /* 83vh */
	max-height: 100%;
	margin-left: 25%;
	/*text-align: center;*/
}

.startText {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	line-height: 100%;
	font-size: 40px;
	color: #fff;
}

.startText a {
	color: #fff;
}
.startText h1 {
	font-size: 75px;
	color: #fff;
}

.startBody {
	background-color: transparent;
}

#colophon.startFooter{
	background: transparent;
	color: #fff;
	border: none;
}


#colophon.startFooter a{
	color: #fff;
}
body.startBody {
	background: transparent;
	color: #fff;
}

.startContent {
	background: transparent;
}

.startHeader {
	background: transparent;
	color: #fff;
}

.startHeader .navbar-collapse .nav>li>a {
	color: #fff;
}

.startHeader .navbar-collapse .nav>li>a:hover {
	background: transparent !important;
}

.startNav .nav>li>a:hover {
	background: transparent !important;
}

.navbar-collapse .nav>li>a:hover {
	background: transparent !important;
}

.containerMain {
	margin-left: 150px;
	padding-right: 150px;
}

@media screen and (max-width: 950px) {
	.navbar.pull-left.campus-nav {
		float: none !important;
		position: absolute;
		bottom: -43px;
		width: 100.1%;
		left: 0;
	}

	.containerMain {
		margin-left: 30px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 876px){
	.startText h1{
		font-size: 50px;
	}
	.startText {
		font-size: 35px;
	}
}

@media screen and (max-width: 595px) {
	.startText h1{
		font-size: 40px;
	}

	.startText {
		font-size: 25px;
	}
	.startRow {
		margin-left: 10%;
	}
}
@media screen and (max-width: 410px) {
	.startText h1{
		font-size: 25px;
	}
	.startText {
		font-size: 15px;
	}
	.startRow {
		margin-left: 10%;
	}

}

@media screen and (max-width: 951px) {
	.containerMain {
		margin-top: 25px;
		padding-right: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}

	.panel-group {
		width: 100%;
		/*margin-left: -30px;*/
		margin-right: -150px!important;
		padding-left: 0px;
		padding-right: 0px;
	}

	body {
		font-size: 14px;
	}
	.panel, .panel1 {
		border-left: 0px!important;
	}

	.fancybox2.title {
		margin-top: 50px;
	}
}
.captionicons, .colorarea, .mainthemebgcolor, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .icon-box-top i:hover, .grey-box-icon:hover .fontawesome-icon.circle-white, .grey-box-icon.active .fontawesome-icon.circle-white, .active i.fontawesome-icon, .widget_tag_cloud a, .tagcloud a, #back-top a:hover span, .add-on, #commentform input#submit, .featured .wow-pricing-per, .featured .wow-pricing-cost, .featured .wow-pricing-button .wow-button, .buttoncolor, ul.social-icons li, #skill i, .btn-primary {
	background-color: #005DA8;
}

.panel, .panel1 {
	border-left: 8px solid #005DA8;
}

a, .colortext, code, .navbar-collapse .nav>li>a:hover, .infoareaicon, .fontawesome-icon.circle-white, .wowmetaposts span a:hover, h1.widget-title, .testimonial-name {
	color: #005DA8;
}

::selection {
	background: #005DA8; /* WebKit/Blink Browsers */
}
::-moz-selection {
	background: #005DA8; /* Gecko Browsers */
}


.video-ph {
	font-size: 15em;
	margin-top: 2rem;
	color: #005DA8;
}

.course-ph {
	color: #005da8;
}

.teacher-ph {
	color: #005da8;
	font-size: 8em;
}

footer#colophon {
	background-color: #f5f5f5;
	padding-top: 25px;
}

footer#colophon a:hover {
	color: #005da8;
}

.feedbackForm {
	margin-top: 30px;
	border-left: 1px solid #777;
	padding-top: 20px;
}

@media screen and (min-width: 992px) {
	.loginCol {
		height: 520px;
	}
}

.read {
	/*min-height: 120px;*/
	overflow: hidden;
	/*transition-duration: 100s;*/
	/*-webkit-transition: all 0.5s ease;*/
	/*-moz-transition: all 0.5s ease;*/
	/*-o-transition: all 0.5s ease;*/
	transition: all 0.5s ease;
	margin-bottom: 10px;
}
.read-less{
	height: 120px;
	/*transition-duration: 1000ms;*/
}

@media screen and (min-width: 768px) {
	.course-header {
		position: relative;
	}

	.text-bottom {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

@media screen and (max-width: 767px){
	.text-bottom {
		text-align: left;
	}
}

.teacher-name {
	margin-top: 1rem;
	margin-bottom: 1rem;
	line-height: 100%;
}

/* Cookiebanner */

#cookiebanner {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 1000;
	background: #f8f8f8;
	height: 80px;
	width: 100%;
	padding: 1.5em;
	border-top: 1px solid #e7e7e7;
	margin-left: 0px
}

#cookietext {
	display: inline-block;
}

@media screen and (max-width: 810px) {
	#cookiebanner {
		height: 110px;
	}
}

@media screen and (max-width: 658px) {
	#cookiebanner {
		height: 135px;
	}
}

@media screen and (max-width: 506px) {
	#cookiebanner {
		height: 160px;
	}
}

/* Margins */
.mt-1 {
	margin-top: 1rem;
}
.mt-3 {
	margin-top: 2rem;
}
.mb-1 {
	margin-bottom: 1rem;
}
.mb-3 {
	margin-bottom: 2rem;
}
.ml-3 {
	margin-left: 2rem;
}

/* Paddings */
.pl-5 {
	padding-left: 3rem;
}
.pl-3 {
	padding-left: 1.5rem;
}

/* Evaluation */
.evaluation-header .dots {
	letter-spacing: 0.3rem;
}

/* Questions */
.question-list li {
	font-weight: bold;
	margin-top: 3rem;
	/* font-size: 1.75rem; */
	/* color: #005DA8; */
	margin-left: 3rem;
}

.question-list li blockquote {
	margin-top: 1rem;
	font-size: 1.5rem;
	font-weight: 100;
}

#testForm ol li {
	list-style: upper-alpha;
	margin-left: 3rem;
	font-size: smaller;
}

#banner .marquee {
	font-size: 3rem;
	height: 25vh;
	color: white;

	width: 100%;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}

.marquee p {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 15s linear infinite;
}

@keyframes marquee {
	0%   { transform: translate(0, 0); }
	100% { transform: translate(-100%, 0); }
}