body, #region-main, #region-main textarea, .contentafterlink, .contentwithoutlink, #course_about, .user-grade td.feedbacktext, #course_teachers .text_to_html {
	font-family: 'Raleway', sans-serif;
}

h1,h2,h3,h4,h5 {
	font-family: 'Raleway', sans-serif;
}

a, a:visited {
    color: #34657f;
}

#admin-menu-trigger .lines::after, #admin-menu-trigger .lines::before, #admin-menu-trigger .lines {
	background: #34657f;
}

.fixy-trigger .message_badge_count {
	background-color: #c8102e;
}

body, p {
	color: #333;
}

/* colors  blue: #4aa8b4 orange: #c85924 ltblue #8fb6c4 */

#mr-nav {
	box-shadow: 0px 0px 6px rgba(0,0,0,.3);
	background-color: #fff;
}

body #snap-home.logo, #logo {
	
	margin: -0.64em 0;
	
	height: 48px;
    margin: -0.21em 0;
    position: absolute;
    text-indent: -9999px;
}

.fixy-trigger {
	
}

#page-mast .snap-login-button {
	display: none;
}

#page-site-index #page-header {
	background-image: url(hero.jpg);
	min-height: 150px;
    padding-bottom: 9%;
    padding-top: 12%;
    padding-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
     background-position: 50% 50px;
    
}

#page-site-index #page-mast {
	background-color: transparent;
    float: left;
    margin-left: 7%;
    margin-top: 2em;
    padding: 15px 15px 5px;
    text-align: center;
    width: 50%;
}

#page-site-index #page-mast h1 {
	 color: #fff;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: -1px;
    margin: 0;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    text-align: left;
    opacity: 0;
}

#page-site-index #page-mast p {
	text-align: center;
	color: #fff;
	font-weight: normal;
	
	font-size: 22px;
    font-weight: 500;
    line-height: 31px;
    padding-top: 10px;
    text-align: left;
    
    text-shadow: 0px 0px 1px rgba(0,0,0,.85);

}

#page-site-index .sitetopic {
	max-width: 170.5em;
	background: transparent;
	margin: 0 0;
	padding-top: 30px;
	padding-bottom:60px;
	text-align: center;
	background: #fff;
}

#page-site-index .sitetopic .container img {
	display: block;
	max-width: 40%;
	margin: 30px auto 15px;
}

#page-site-index .sitetopic .container {
	text-align: center;
}

#page-site-index .sitetopic .inner1 {
	max-width: 70.5em;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

#page-site-index .sitetopic h3 {
	text-align: center;
	font-weight: 400;
	color: #fff;
	font-size: 35px;
	text-transform: uppercase;
}

.readon2-bels{vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;color:#ffffff !important;background-color:transparent !important;vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;color:#ffffff !important;background-color:transparent !important;border:2px solid #ffffff; display:inline-block;padding:15px 30px;line-height:1;text-transform:uppercase;font-size:15px;letter-spacing:1px;}.readon2-bels:hover{vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;color:#ffffff !important;background-color:#ed1b2f !important;vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;vertical-align:middle;text-align:center;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;color:#ffffff !important;background-color:#ed1b2f !important;border:2px solid #ffffff;

}

.readon2-bels.loginnow {
	display: none;
}

.notloggedin .readon2-bels.loginnow {
	display: inline-block;
}

.sitetopic p {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	margin: 0px 0px 20px;
	text-align: center;
	color: #fff;
}

.marketing {
	position: relative;
	background: transparent;
	text-align: center;
	border: 0px solid #eee;
	border-right: 0px;
	padding-bottom: 10px;
}

.marketing:last-child {
	border-right: 0px solid #eee;
}

.marketing h4 {
	color: #0088b0;
	font-size: 22px;
	text-align: left;
	font-family: 'Conv_Proxima Nova Cond Reg';
	margin-top: 15px;
	margin-bottom: 5px;
}

.sitetopic h2, #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 {
	margin: 0 0;
	font-size: 35px;
	color: #282828;
	line-height: normal;
	margin-bottom: 0px;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	padding: 1em 0;
}



h1,h2,h3 {
	color: #333;
	line-height: normal;
	font-weight: 400;
}

#moodle-frontpage-elements {
	background: #f9f9f9;
}

#frontpage-course-list {
    padding: 0em 0% 1em;
}

#frontpage-course-list {
    padding: 0 4% 1em;
}

.courses .row-fluid {
	padding-bottom: 30px;
}

.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox {
	width: 31%;
	margin: 0 0;
	padding: 0 0;
	float: left;
	border-bottom: 0px;
	margin-left: 3%;
    padding-top: 0px;
    padding-bottom: 30px;
    background: #fff;
    border-bottom: 3px solid #32667e;
}

#frontpage-course-list .row-fluid .coursebox:first-of-type {
	margin-left: 0px;
}

.courseimage {
    max-height: 250px;
    overflow: hidden;
}


.courseimage > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.coursebox .info {
	width: auto;
	float: none;
	text-align: center;
	padding: 15px 30px 10px;
}

.coursebox .content .summary, .coursebox .content .teachers {
	float: none;
    font-size: 80%;
    padding: 0 30px;
    width: auto;
}

.info .enrolmenticons {
	display: none;
}

.coursebox .info h3.coursename {
	padding: 15px 30px;
	
	display: block;
    font-size: 20px;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    width: auto;
}

.coursebox .info h3.coursename a {
	color: #333;
}

.coursebox .info h3.coursename a.dimmed {
	color: #aaa;
}

.coursebox .info h3.coursename a:hover {
	color: #000;
	text-decoration: none;
}

.paging.paging-morelink {
	padding-top: 15px;
}

.promoimage {
    max-height: 250px;
    overflow: hidden;
}

.promocontent {
	border: 1px solid #eee;
	border-top: 0px;
	padding: 30px 30px 15px;
}

.promocontent h3 {
	margin-top: 0px;
	margin: 0 0;
	margin-bottom: 15px;
	padding: 0 0;
}

.promocontent p {
	font-size: 80%;
	font-weight: 300;
}

#page-site-index #moodle-blocks {
	max-width: 140em;
}

#page-site-index #moodle-blocks .block {
	padding: 0 0;
}

#page-site-index #moodle-blocks .block.block_settings {
	padding: 15px;
	padding-top: 2em;
}

.block .header {
	padding: 10px 0px 10px;
}

.block .header .title h2 {
	font-size: 22px;
	margin: 0 0;
	padding: 0 0;
}

#moodle-blocks {
	max-width: 70.5em;
}

#moodle-footer {
	background-color: #d00d00;
	color: #fff;
	background: #d00d00;
	background-size: auto 70%;
	padding-bottom: 25px;
    padding-top: 45px;
    font-size: 80%;
}

#moodle-footer p {
	color: #fff;
}

#moodle-footer a, #moodle-footer a:hover {
	color: #fff;
}

#moodle-footer .list-unstyled {
	display: none;
}

#mrooms-footer {
	display: none;
}

#page-footer .langmenu {
	display: none;
}

#page-footer {
	margin: 0 0;
	padding: 0 0;
}

#lowerfooter {
	padding: 15px 15px 15px 40px;
	font-size: 90%;
	font-weight: 600;
	background: url(logo2.png) no-repeat 0 50%;
	background-size: 30px auto;
	margin-top: 30px;
	clear: both;
}

#moodle-footer .footcols h3 {
	color: #fff;
	font-size: 17px;
	line-height: normal;
	margin-bottom: 15px;
	min-height: 44px;
}

#moodle-footer .footcols p {
	font-size: 15px;
}

#moodle-footer .footcols .col-md-2 {
	border-right: 1px solid #fff;
	min-height: 200px;
}

#page2 #moodle-blocks .block {
	display: none;
}

.editing2 #page #moodle-blocks .block, #page #moodle-blocks .block.block_settings {
	display: inherit;
}


#snap-course-footer {
    background-color: #fafafa;
}

#page-header h1 {
    margin-top: 25px;
    text-shadow: 1px 1px 1px #000;
}

#page-login-index #page-mast {
	display: none;
}

.loginbox .signuppanel h2 {
	font-weight: 300 !important;
	color: #333;
	font-size: 26px;
}

#page-login-index2 .loginpanel h2 {
    background-size: 300px auto;
    margin: -40px 0 10px;
    padding: 0 0 50px;
	background-position: -10px 50%;
}


@media (max-width: 1140px) {
#page-site-index #page-mast {
	width: 50%;
}
}

@media (max-width: 995px) {
#page-site-index #page-mast {
	width: 60%;
}
}


@media (max-width: 920px) {

#page-site-index #page-mast {
    margin-right: 5%;
    width: auto;
}

.frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox {
	width: auto !important;
	margin: 0 0 30px;
}

.courseimage {
    max-height: 300px;
    overflow: hidden;
}

.courseimage > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

#moodle-footer .footcols .col-md-2 {
	border-right: 1px solid #fff;
	min-height: 50px;
	border-right: 0px;
	margin-bottom: 30px;
}

#moodle-footer .footcols h3 {
	min-height: 10px;
}

}

@media (max-width: 768px) {
#page-site-index #page-header {
    min-height: 300px;
}

.courseimage {
    max-height: inherit;
    overflow: hidden;
}

}

@media (max-width: 768px) {
	#page-site-index #page-header {
		padding-bottom: 0%;
		padding-top: 17%;
	}
	#page-site-index #page-mast h1 {
	font-size: 35px;
	}
	#page-site-index #page-mast p {
	font-size: 22px;
	}
}

@media (max-width: 650px) {
	#page-site-index #page-mast h1 {
	font-size: 35px;
	}
	#page-site-index #page-mast p {
	font-size: 22px;
	}

}

@media (max-width: 550px) {
#page-site-index #page-header {
    min-height: 250px;
}
}

ul {
	list-style-type: disc;
}

body#page-login-index #page {
	background: #fff;
}

body#page-login-index #mr-nav {
	min-height: 60px;
}