body, #region-main, #region-main textarea, .contentafterlink, .contentwithoutlink, #course_about, .user-grade td.feedbacktext, #course_teachers .text_to_html {
	font-family: Tahoma,Verdana,Segoe,sans-serif; 
	   font-weight: normal;
   }
   
   h1,h2,h3,h4,h5,h6,h7 {
	   font-family: Tahoma,Verdana,Segoe,sans-serif; 
	   font-weight: 600;
   }
   
   .btn, #page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion {
	   font-family: Tahoma,Verdana,Segoe,sans-serif; 
   }
   
   h1,h2,h3, h4 {
	   color:#1e1e1e;
	   line-height: normal;
	   font-weight: normal;
   }
   
   .theme-snap h1 {
	   font-size: 70px;
	   line-height: normal;
   }
   
   .theme-snap h2 {
	   font-size: 50px;
	   line-height: normal;
	   margin-bottom: 15px;
   }
   
   .theme-snap h3 {
	   font-size: 18px;
	   line-height: normal;
   }
   
   a, a:visited {
	   color: #eda31c;
	   text-decoration: none;
   }
   
   a:hover {
	   color: #eda31c;
	   text-decoration: underline;
   }
   
   a.btn {
	   text-decoration: none;
   }
   
   
   /*
   #changenumsections .increase-sections, #changenumsections .reduce-sections, input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type="submit"], td.submit input, #notice .singlebutton + .singlebutton input, #login.fixy input[type="submit"], button, .yui-skin-sam .yui-button, .yui3-button, .yui-button button, .btn, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"], #page-mast .snap-login-button, #page-site-index .section-modchooser-link .section-modchooser-text {
	   background: #45a3ac;
	   color: #fff;
	   font-size: 13px;
	   box-shadow: none;
	   text-transform: uppercase;
	   padding: 6px 20px;
	   font-family: 'Open Sans', sans-serif;
   }
   */
   
   #aboveheader {
	   display: block !important;
	   background: #424d52;
	   font-size: 13px;
	   padding: 8px 0px;
   }
   
   #aboveheader {
	   height: 36px;
	   padding: 0 0;
   }
   
   #aboveheader .container {
	   max-width: inherit;
	   width: auto;
	   padding: 0px 30px 0px 4%;
   }
   
   #aboveheader .container {
	   padding: 0;
	   display: none;
   }
   
   #aboveheader .pull-left {
	   text-transform: uppercase;
   }
   
   #aboveheader .pull-right a {
	   padding-left: 15px;
	   display: inline-block;
	   text-transform: uppercase;
	   color: rgba(0,0,0,.6);
	   color: #fff;
   }
   
   #aboveheader .pull-right a i {
	   
   }
   
   
   #admin-menu-trigger .lines::after, #admin-menu-trigger .lines::before, #admin-menu-trigger .lines {
	   background: #45a3ac;
	   background: #d7478d;
   }
   
   #admin-menu-trigger33 {
	   border-left-width: 2px;
	   border-left-color: #45a3ac;
	   border-left-color: #d7478d;
   }
   
   body .fixy-trigger {
	   color: #45a3ac;
	   color: #d7478d;
	   font-size: 16px;
   }
   
   .fixy-trigger .message_badge_count {
	   background-color: #d7478d;
   }
   
   body, p {
	   color: #212529;
	   font-size: 14px;
   }
   
   /* colors  blue: #4aa8b4 orange: #c85924 ltblue #8fb6c4 */
   #newmenu {
	   background: #d12373;
	   color: #fff;
	   padding: 4px 30px 4px 4%;
	   padding-right: 30px;
	   text-align: right;
   }
   
   #newmenu a {
	   color: #fff;
	   text-decoration: none;
	   font-size: 12px;
	   text-transform: uppercase;
	   padding-left: 12px;
	   line-height: normal;
   }
   
   
   #mr-nav {
	   box-shadow: 0 0px 3px rgba(0, 0, 0, 0.18);
	   background-color: #eda31c;
	   padding: 15px 0px 10px 0%;
	   border-top: 0px solid #243c80;
	   position: relative;
	   border-bottom: 0px solid #797979;
	   
	   max-width: 100%;
   }
   
   @media screen and (min-width: 918px) {
   #mr-nav.fixed {
	   position: fixed !important;
	   top: 0px !important;
   }
   
   #mr-nav.headroom--unpinned {
	   animation-name: none !Important;
   }
   }
   
   #page-mod-scorm-player #mr-nav.fixed {
	   position: relative !important;
	   top: 0px !important;
   }
   
   #mr-nav.headroom--pinned.headroom--not-top {
	   top: 0;
   }
   
   body #mr-nav #snap-pm-trigger {
	   text-transform: uppercase;
	   color: #fff !important;
	   font-size: 16px;
	   font-weight: normal;
	   font-family: Tahoma,Verdana,Segoe,sans-serif; 
	   
	   margin-right: 0px;
   }
   
   #snap-admin-icon {
	   color: #fff;
   }
   
   .theme-snap #mr-nav #nav-notification-popover-container .icon.fa-bell {
	   color: #70afde;
   }
   
   #mr-nav #snap-pm-trigger .userpicture {
	   width: 30px;
   }
   
   #mr-nav .pull-right.js-only {
	   padding-top: 20px;
   }
   
   #snap-home.logo, #logo, #snap-home.logo {
	   
	   height: 70px;
	   margin: 0 0 8px;
	   padding: 0 0;
   }
   
   #page-mast .snap-login-button {
	   display: none;
   }
   
   #page-header {
	   margin-top: 0px;
	   padding-top: 60px;
   }
   
   body#page-site-index #page-header {
	   padding-right: 0px;
	   margin-top: 0px;
	   padding-left: 0px;
	   
	   background-size: cover;
	   background-position: 50% 0px;
   }
   
   body#page-login-index #page {
   
	   background-size: cover;
	   padding-bottom: 10%;
   }
   
   #page-login-index #page-header {
	   margin-top: 0px;
   }
   
   body#page-site-index #page-mast {
	   background-color: transparent;
	   float: left;
	   margin-left: 5%;
	   margin-top: 0em;
	   padding: 25px 30px 25px;
	   text-align: left;
	   width: 45%;
	   max-width: 500px;
	   margin-bottom: 0px;
	   background: rgba(36,60,128, .85);
	   
	   
	   background:rgba(237,163,28,.9);
	   background:rgba(30,30,30,.9);
	   padding: 5px 20px 15px;
	   position:absolute;
	   bottom: 20%;
	   left: 0;
   }
   
   #page-site-index #page-mast h1 {
		color: #fff;
	   font-size: 40px;
	   font-weight: 500;
	   margin: 0;
	   margin-top: 10px;
	   margin-bottom: 10px;
	   text-shadow: none;
	   text-align: left;
	   line-height: normal;
	   color: #fff;
	   
	   
	   color: #fff;
	   font-weight: 600;
	   margin-bottom: 5px;
	   font-size: 42px;
	   text-shadow: 1px 1px 1px rgba(0,0,0,.2);
   }
   
   #page-site-index #page-mast p {
	   text-align: center;
	   color: #fff;
	   font-weight: normal;
	   
	   font-size: 18px;
	   font-weight: 200;
	   line-height: normal;
	   padding-top: 5px;
	   text-align: left;
	   
	   
	   color: #fff;
	   font-weight: 500;
	   font-size: 22px;
	   text-shadow: 1px 1px 1px rgba(0,0,0,.4);
   }
   
   #snap-site-carousel .carousel-indicators {
	   bottom: 0px;
   }
   
   #snap-site-carousel .carousel-indicators li {
	   border-color: rgba(255,255,255,.8);
   }
   
   #snap-site-carousel .carousel-indicators .active {
	   background-color: rgba(255,255,255,.5);
   }
   
   #snap-site-carousel .carousel-caption {
	   background:rgba(255,255,255,.8);
	   padding: 0 15px 10px;
	   left: inherit;
	   right: 4%;
	   margin-top: 5em;
	   top: inherit;
	   bottom: 10%;
   }
   
   #snap-site-carousel23 .carousel-slide_two .carousel-caption { 
	   width: 40%;
   }
   
   #snap-site-carousel .carousel-caption h1 {
	   color: #333;
	   font-weight: normal;
	   margin-bottom: 15px;
	   font-size: 44px;
   }
   
   #snap-site-carousel .carousel-caption p {
	   color: #333;
	   font-weight: normal;
	   font-size: 22px;
   }
   
   #snap-feature-spots {
	   display: none;
   }
   
   .snap-feature-spots-heading {
	   color: #666;
	   margin: 15px 0px 30px;
	   font-size: 40px;
	   font-weight: normal;
   }
   
   #snap-feature-spots .snap-feature-image {
	   max-width: 100%;
   }
   
   h3.snap-feature-title {
	   font-weight: 600;
	   color: #89ab8a;
	   font-size: 28px;
	   margin-top: 20px;
	   text-align: center;	
   }
   
   .snap-feature-text {
	  
	   text-align: center;
	   font-size: 18px;
   }
   
   #page-site-index .sitetopic {
	   max-width: 170.5em;
	   background: transparent;
	   margin: 0 0;
	   padding: 0 0;
	   text-align: left;
	   background: #f4f5f9;
	   padding-top: 0px !important;
	   padding-bottom: 0px !important;
	   margin-top: 0px;
   }
   
   #page-site-index .sitetopic .inner1 {
	   max-width: 70.5em;
	   margin: 0 auto;
	   padding-left: 15px;
	   padding-right: 15px;
	   text-align: center;
   }
   
   .container.introtexting {
	   padding: 0 0;
	   max-width: inherit;
	   padding: 0px 4%;
   }
   
   .introtexting-wrap {
	   background: #fafafa;
	   padding: 60px 0px;
	   margin-top: 0px;
	   margin-bottom: 0px;
   }
   
   #content-right.desktop, #content-right.laptop, #content-right.tablet {
	   width: 270px;
	   padding: 0px 30px;
	   float: right;
	   margin: 0 auto;
   }
   
   #content-right.desktop a {
	   
   }
   
   .introtexting-wrap p {
	   max-width: 100%;
	   font-size: 22px;
   }
   
   .introtexting-wrap h3 {
   
	   font-weight: normal;
	   font-size: 40px;
	   line-height: normal;
   }
   
   .introtexting-wrap #content-right h3 {
	   font-size: 28px;
   }
   
   .sitetopic h2, #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 {
	   margin: 0 0;
	   font-size: 40px;
	   color: #282828;
	   line-height: normal;
	   margin-bottom: 0px;
	   text-align: left;
	   font-weight: normal;
	   text-transform: none;
	   padding: 0em 0 30px;
	   
	   text-align: left;
   }
   
   h2.snap-featured-courses-heading {
	   color: #fff;
	   font-weight: 500;
	   font-size: 48px;
	   line-height: normal;
	   padding: 30px 0px;
   }
   
   #snap-featured-courses {
	   background: #4e8195 url(resources-bg.jpg);
	   padding-bottom: 6%;
	   background-size: cover;
	   border-top: 0px solid #98c469;
   }
   
   .snap-featured-course {
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
   }
   
   .snap-featured-course:hover .snap-featured-course-title {
	Text-decoration:none !important;
   }
   .snap-featured-course-title:hover {
	Overflow-y:hidden;
   }
   
   #snap-featured-courses .snap-featured-course-title, #snap-featured-courses a.snap-featured-course {
	   border-radius: 0px;
   }
   
   #snap-featured-courses .snap-featured-course-title {
	   color: #1e1e1e;
	   font-size: 18px;
	   border-top: 00px solid #98c469;
	   font-weight: 500;
	   background: rgba(255,255,255,.75);
	   line-height: normal;
	   padding: 25px 10px 0px;
   }
   
   .courses .row-fluid {
	   padding-bottom: 30px;
   }
   
   .newcontainer {
	   padding: 30px 4%;
	   width: auto;
   }
   
   #page-site-index .section {
	   padding: 60px 10%;
   }
   
   #moodle-frontpage-elements {
	   padding: 15px 0px 0px;
   }
   
   #page-site-index #moodle-footer {
	   margin-top: 0px;
   }
   
   .newcontainer iframe {
	   margin-top: 20px;
	   margin-bottom: 20px;
   }
   
   #newintro2 h3 {
	   font-size: 36px;
	   margin-top: 0px;
   }
   
   .socials {
	   padding-top: 50px;
   }
   
   .socials a {
	   background: #45a3ac;
	   border-radius: 20px;
	   display: inline-block;
	   font-size: 13px;
	   line-height: normal;
	   min-width: 22px;
	   padding: 2px 0;
	   text-align: center;
   }
   
   .socials a i {
	   color: #fff;
   }
   
   body #settingsnav {
	   padding-top: 72px !important;
   }
   
   #frontpage-course-list {
	   background: #fff;
	   padding-top: 0px;
	   padding-bottom: 40px;
   }
   
   .frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox {
	   width: auto;
	   margin: 0 0;
	   padding: 0 0;
	   float: none;
	   border-bottom: 0px;
	   margin-left: 0%;
	   padding-top: 0px;
	   padding-bottom: 40px;
	   margin-bottom: 40px;
	   background: #fff;
	   background: transparent;
	   border-bottom: 2px solid #ccc;
	   display: block;
	   min-width: 100%;
	 
   }
   
   
   #frontpage-course-list .coursebox.last {
   
   }
   
   #frontpage-course-list .row-fluid .coursebox:first-of-type {
	   margin-left: 0px;
   }
   
   .coursebox ul.teachers {
	   display: none;
   }
   
   
   /*course box stuff */
   .courses .row-fluid {
	   padding-bottom: 30px;
   }
   
   .frontpage-course-list-all .coursebox, #frontpage-course-list .coursebox {
	   width: auto;
	   margin: 0 0;
	   padding: 0 0;
	   float: none;
	   border-bottom: 0px;
	   margin-left: 0;
	   padding-top: 0px;
	   padding-bottom: 0px;
	   background: #fff;
	   background: transparent;
	   border: 1px solid #eee;
	   border-left: 0px;
	   border-right: 0px;
	   position: relative;
	   
	   position: relative;
	   
	   padding: 0px 0px;
	   margin-bottom: 30px;
   }
   
   #frontpage-course-list .row-fluid .coursebox:first-of-type {
	   margin-left: 0px;
   }
   
   .courseimage {
	   max-height: 200px;
	   overflow: hidden;
	   background: #fff;
	   width: 20%;
	   Height: 100%;
	   float: left;
	   
	   background: #eee;
	   margin-right: 30px;
   }
   
   
   .courseimage > img {
	   display: block;
	   margin: 0 auto;
	   max-width: 300%;
	   width: 120%;
	   height: 100%;
	   Max-width: 100%; 
   }
   
   .coursebox .info {
	   width: auto;
	   float: none;
	   text-align: left;
	   padding: 30px 5px 0px;
	   background: transparent;
	   position: relative;
	   height: auto;
   }
   
   .coursebox .content .summary, .coursebox .content .teachers {
	   float: none;
	   font-size: 80%;
	   padding: 0px 5px 15px;
	   width: auto;
   }
   
   .coursebox .content .summary, .coursebox .content .summary p {
	   font-size: 16px;
	   text-align: left;
   }
   
   .coursebox .content .teachers {
	   padding: 0 5px 15px;
	   padding-bottom: 15px;
   }
   
   .info .enrolmenticons {
	   
   }
   
   .info .enrolmenticons {
	   position: absolute;
	   right: 0px;
	   top: 5px;
	   opacity: .5;
   }
   
   .coursebox .info h3.coursename {
	   padding: 0 0;
	   
	   display: block;
	   font-size: 20px !important;
	   line-height: 24px;
	   margin-top: 0px;
	   margin-bottom: 15px;
	   padding: 0;
	   text-align: left;
	   width: auto;
	   Font-weight:600;
	   text-transform: none;
   }
   
   .coursebox .info h3.coursename a {
	   color: #282828 !important;
   }
   
   .coursebox .info h3.coursename a.dimmed {
	   color: #aaa !important;
   }
   
   .coursebox .info h3.coursename a:hover {
	   color: #000 !important;
	   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 {
	   
   }
   
   .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;
   }
   
   /*footer stuff*/
   #mrooms-footer {
	   display: none;
   }
   
   #moodle-footer {
	   background-color: #2e3641;
	   padding-top: 15px;
   }
   
   
   #moodle-footer, #moodle-footer p, #moodle-footer a, #moodle-footer h4 {
	   color: #999;
   }
   
   #moodle-footer ul, #moodle-footer li {
	   list-style-type: none;
   }
   
   .footer_legal p {
	   font-size: 12px;
   }
   .hb_legal_info .footer_logo {
	   min-width: 180px;
	   min-height: 105px;
	   max-width: 180px;
	   min-width: 180px;
	   min-height: 105px;
	   background: url('footer_logo.png') no-repeat left center;
	   margin: 0;
	   background-size: contain;
   }
   footer.site_footer {
	   padding: 50px 0;
	   background-color: #282828;
	   color: #999;
	   font-size: 12px;
   }
   
   #moodle-footer a:not(.btn), #moodle-footer a:not(.btn):hover {
	   color: #999;
   }
   
   #menu-footer-menu li {
	   margin: 0px;
	   padding: 0px;
	   list-style: none;
   }
   #menu-footer-menu li .sub-menu a {
	   display: flex;
	   padding: 7px 0 0;
	   font-size: 12px;
   }
   .lender_logo {
	   min-width: 52px;
	   min-height: 60px;
	   background: url(http://temas.s3.amazonaws.com/moodlerooms/Homebridge/lender.png) no-repeat center center;
	   background-size: contain;
	   margin: 0 0 50px;
   }
   .hud_logo {
	   min-width: 70px;
	   min-height: 70px;
	   background: url(http://temas.s3.amazonaws.com/moodlerooms/Homebridge/HUD-logo.png) no-repeat center center;
	   background-size: contain;
	   margin: 0 0 50px;
   }
   div#page-footer {
	   display: none;
   }
   
   .footer_contact {
	   margin-top: 25px;
	   border-top: 1px solid #FFF;
	   padding-top: 25px;
   }
   
   .footer_contact .footer_ext_links {
	   text-align: center;
	   font-size: 14px;
	   font-weight: bold;
	   vertical-align: bottom;
	   padding-top: 32px;
   }
   
   .footer_ext_links a {
	   margin: 0 15px;
   }
   
   .footer_contact h4 {
	   font-size: 30px;
	   line-height: 30px;
   }
   
   .footer_contact .right {
	   text-align: right;
   }
   
   .social_menu ul {
	   list-style: none;
	   padding-left: 0px;
	   text-align: right;
   }
   
   .social_menu li.menu-item {
	   display: inline-block;
	   width: 40px;
	   height: 50px;
   }
   
   .social_menu li.menu-item a {
	   width: 40px;
	   height: 40px;
	   color: transparent !important;
	   display: inline-block;
	   background-position: center center;
	   background-repeat: no-repeat;
   }
   
   .social_menu li.menu-item.twtr a {
	   background-image: url('https://www.homebridge.com/wp-content/themes/homebridge/svg/twitter.svg');
   }
   
   .social_menu li.menu-item.link a {
	   background-image: url('https://www.homebridge.com/wp-content/themes/homebridge/svg/linkedin.svg');
   }
   
   .social_menu li.menu-item.fcbk a {
	   background-image: url('https://www.homebridge.com/wp-content/themes/homebridge/svg/facebook.svg');
   }
   
   .social_menu li.menu-item.ytube a {
	   background-image: url('https://www.homebridge.com/wp-content/themes/homebridge/svg/youtube.svg');
   }
   
   #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;
   }
   
   .theme-snap #page-header h1 {
	   margin-top: 10px;
	   margin-bottom: 45px;
   }
   
   #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%;
   }
   
   /*in course */
   body #page-header {
	   border-bottom: 0px solid #98c469;
	   background-repeat: no-repeat;
	   background-size: cover;
	   background-position: 50% 60%;
   }
   
   #page-header {
	   background-image: url(headerbk_blackOpacity.png);
   }
   
   #page-login-index #page-header {
	   border-bottom: 0px solid #98c469;
   }
   
   #page-login-index #page-header {
	   padding-top: 110px;
   }
   
   #page-site-index #page-header {
	   border-bottom: 0px;
   }
   
   body.theme-snap .breadcrumb li, 
   body.theme-snap .breadcrumb li a {
	   font-size: 12px;
	   color: #fff;
	   text-decoration: none;
   }
   
   body.theme-snap .breadcrumb > li + li:before {
	   color: #fff;
   }
   
   body.theme-snap #page-header h1 {
	   color: #d12373;
	   color: #fff;
	   text-shadow: none;
	   font-size: 40px;
	   font-weight: 500;
	   text-align: center;
	   margin-bottom: 60px;
   }
   
   #page-header #snap-coverimagecontrol {
	   display: none;
   }
   
   body.theme-snap #page-header h1 a {
	   color: #d12373;
	   color: #fff;
	   text-decoration: none;
   }
   
   
   #section-0 h3.sectionname {
	   font-size: 36px;
	   color: #252627;
   }
   
   h3.sectionname {
	   
   }
   
   h2.sectionname {
	   
   }
   
   .snap-completion-meta form.togglecompletion input {
	   box-shadow: none;
   }
   
   .section h2, .section h3, .section h4 {
   
   }
   
   
   /*frontpage course search */
   
   #page-site-index .box.mdl-align.py-3 {
	   padding: 60px 0px !important;
	   background: #4e8195 url(resources-bg.jpg);
	   background-size: auto !important;
	   background-size: cover !important;
   }
   
   #page-site-index .box.mdl-align.py-3 #coursesearch .btn.btn-secondary {
	   background-color: #fe930e;
	   border-color: #fe930e;
	   color: #fff;
   }
   
   #page-site-index .box.mdl-align.py-3 #coursesearch #shortsearchbox {
	   Border-color: #fff;
   }
   
   #page-site-index #coursesearch .input-group {
	   max-width: 500px;
   }
   
   #page-site-index #coursesearch .coursesearchbox {
	   min-width: 500px;
   }
   
   /* end category override */
   .notloggedin #mr-nav .pull-right {
	   padding-right: 2.3%;
   }
   
   /*marketing blocks */
   #aup-market {
	   background: #eef8f8;
	   background: #d7478d;
   }
   
   .note {
	   background-color: #ffffff;
	   border: 1px solid #e3e3e3;
	   box-shadow: 0 6px 6px -8px #404040;
	   margin-bottom: 30px;
	   margin-top: 40px;
	   min-height: 20px;
	   padding-left: 15px;
	   padding-right: 15px;
   }
   .text-center {
	   text-align: center;
   }
   
   #aup-market h3 {
	   font-size: 20px;
	   padding-right: 10px;
   }
   
   .stickout-icon {
	   display: block;
	   margin: -20px auto 0;
	   padding: 0;
   }
   
   #page-content .block_settings.state-visible {
	   outline: none !Important;
   }
   
   /* 4.0 release */
   .theme-snap #mr-nav .popover-region-notifications > div > .icon {
	   color: white;
	   padding-top: 0.4em;
   }
   .theme-snap #mr-nav #snap_feeds_side_menu_trigger {
       color: white;
       padding-top: unset;
   }
   #snap-header .badge-count-container {
	   padding-top: unset;
   }
   #admin-menu-trigger {
	 padding-top: 0;
	 margin-top: 8px;
   }
   /* End 4.0 release */
   
   @media (max-width: 1140px) {
   
   }
   
   @media (max-width: 995px) {
	   body#page-site-index #page-mast {
	   width: 60%;
	   max-width: 100%;
	   }
	   #snap-site-carousel .carousel-caption {
	   top: inherit;
	   }
	   #page-site-index #page-mast h1 {
	   font-size: 40px;
	   }
	   
   }
   
   
   @media (max-width: 920px) {
   
	   body#page-site-index #page-mast {
	   width: 75%;
	   max-width: 100%;
	   }
   
	   #page-site-index #page-mast h1 {
   
	   }
	   #page-site-index #page-mast p {
   
	   }
   
   .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%;
   }
   
   #page-site-index #page-mast h1 {
   
   }
   
   .newcontainer .pull-right {
	   float: none !important;
   }
   
   }
   
   @media (max-width: 768px) {
   body#page-site-index #page-header {
	   min-height: 300px;
   }
   
   h2 {
	   font-size: 45px;
	   line-height: normal;
	   margin-bottom: 15px;
   }
   
   h2.snap-featured-courses-heading {
	   font-size: 45px;
   }
   
   #page-site-index #page-header23, #page-login-index #page2 {
	   background-position: 50% 60px !important;
   }
   
   #page-site-index #coursesearch .coursesearchbox {
	   min-width: 300px;
   }
   
   body#page-site-index #page-mast {
	   margin-left: 0;
	   width: auto;
	   bottom: 0;
	   padding: 30px;
   }
   
   #page-site-index #page-mast h1 {
	   font-size: 24px;
   }
   
   .courseimage {
	   max-height: inherit;
	   overflow: hidden;
   }
   
   .newcontainer .pull-right {
	   float: none !important;
   }
   
   .newcontainer {
	   padding: 50px 10%;
   }
   
   #moodle-frontpage-elements {
	   padding: 50px 0px;
   }
   
   }
   
   @media (max-width: 768px) {
	   body#page-site-index #page-header {
		   
		   padding-top: 120px;
	   }
	   #page-site-index #page-mast h1 {
   
	   }
	   #page-header h1 {
	   font-size: 28px;
	   }
	   #page-site-index #page-mast p {
	   font-size: 15px;
	   }
	   .socials {
	   padding-top: 0px;
	   }
		   .courseimage {
	   float: none;
	   height: auto;
	   margin-bottom: 0px;
	   margin-right: 0;
	   width: auto;
	   }
	   #content-right.desktop, #content-right.laptop, #content-right.tablet {
	   width: auto;
	   padding: 0;
	   float: none;
	   margin: 0 auto;
	   }
   }
   
   @media (max-width: 650px) {
	   body#page-site-index #page-mast {
   
	   }
	   #page-header h1 {
	   font-size: 24px;
	   }
	   #page-site-index #page-mast h1, #snap-site-carousel .carousel-caption h1 {
	   font-size: 24px;
	   }
	   #page-site-index #page-mast p, #snap-site-carousel .carousel-caption p {
	   font-size: 14px;
	   }
	   
	   .courseimage {
	   float: none;
	   height: auto;
	   margin-bottom: 0px;
	   margin-right: 0;
	   width: auto;
	   }
	   #newmenu a {
	   font-size: 10px;
	   padding-left: 8px;
	   }
	   
	   #snap-pm-trigger span.hidden-xs-down {
		   display: none;
	   }
   
   }
   
   @media (max-width: 550px) {
	   body#page-site-index #page-header {
	   min-height: 250px;
	   }
	   #page-site-index #page-mast h1 {
   
	   }
	   #page-site-index #page-mast p {
   
	   }
	   
	   #snap-home.logo, #logo, #snap-home.logo {
	   max-width: 50%;
	   }
   }
   
   
   @media (max-width: 450px) {
	   #page-site-index #page-mast h1 {
	   font-size: 28px;
	   }
	   #page-site-index #page-mast p {
	   font-size: 14px;
	   }
   }
   
   a.js-personal-menu-trigger {
	   color: #243c80;
	   font-weight: 600;
   }
   
   a.bb_dashboard_link {
	   padding-right: 15px;
		   color: #243c80;
	   font-weight: 600;
   }
   
   body .paging.paging-morelink a{
	   color: #fff !important;
   }
   
   #page-login-index .loginpanel h2 {
	   background: transparent;
   }
   
   #page-site-index .courses .paging.paging-morelink {
	   display: none;
   }
   
   body .text-danger {
	   color: inherit;
   }
   
   body .snap-restrictions-meta .text {
	   font-weight: normal;
   }
   
   #page-course-view-topics #page-mast, .format-topics #page-mast, #page-course-view-topics .breadcrumb-nav, .format-topics .breadcrumb-nav {
	   background: transparent;
   }
   
   .breadcrumb {
	   text-align: center;
	   margin-bottom: 0px;
   }
   
   .breadcrumb-nav {
	   margin-bottom: 10px;
	   margin-top: 10px;
   }
   
   body .fixy232 {
	   background-color: #66acac;
   }
   
   body .fixy .btn {
	   background-color: #508787;
	   box-shadow: 0 3px 0 0 #508787;
   }
   
   .section li.snap-native .activityinstance .snap-asset-link a {
   
   }
   
   #page-site-index #region-main {
	   padding-top: 0px;
   }
   
   body .container.newmarks, body #newmarks, body #newmarks2 {
	   width: auto;
	   padding: 15px 4% !important;
	   display: block !important;
	   max-width: inherit;
   }
   
   body .newmarks .mark {
	   background: transparent;
	   
   }
   
   #newmarkouter {
	   display: block !important;
   }
   
   .hidesnap {
	   display: none;
   }
   
   .markinner {
	   padding: 30px 15px 30px;
	   text-align: center;
	   border-radius: 2px;
	   background: #fff;
	   box-shadow: 0px 0px 8px rgba(0,0,0,.10);
	   min-height: 260px;
   }
   
   .markinner h2 {
	   color:  #1e428a;
	   font-size: 26px;
	   font-weight: normal;
	   line-height: 30px;
	   margin-bottom: 15px;
	   padding-bottom: 0;
	   text-align: center;
   }
   
   .markinner h2 b {
	   font-weight: normal;
   }
   
   .markinner p {
	   text-align: center;
	   font-size: 14px;
	   margin-bottom: 30px;
   }
   
   .markinner span, .markinner p {
	   color: #515466 !important;
	   font-size: 15px;
   }
   
   a.markbutton {
	   background: #ffb700;
	   border-radius: 2px;
	   color: #fff;
	   font-size: 15px;
	   padding: 10px 20px;
	   font-weight: normal;
	   text-transform: uppercase;
	   text-decoration: none;
   }
   
   
   #page-site-index .section.img-text {
	   padding: 0;
   }
   
   #moodle-footer .langmenu {
	   display: none;
   }
   
   #FooterLinks {
	   clear: both;
	   font-size: 80%;
	   padding-bottom: 0px;
	   text-align: left;
   }
   
   #FooterMenu ul {
	   float: right;
	   list-style: outside none none;
	   margin: 0;
	   padding: 0;
   }
   
   #FooterMenu ul li {
	   display: inline;
	   padding-right: 8px;
   }
   
   #FooterLinks a {
	   border-right: 1px solid #7e7e7e;
	   color: #666 !important;
	   padding-right: 10px;
   }
   
   #FooterMenu ul li:last-child a {
	   border: 0 none;
   }
   
   #FooterSponsors {
	   color: #1b2958;
	   font-size: 185%;
	   font-style: italic;
	   font-weight: 600;
	   line-height: 0.1em;
	   padding-bottom: 2%;
	   text-align: right;
   }
   
   #FooterSponsors img {
	   margin-left: 30px;
	   padding-bottom: 2%;
	   vertical-align: middle;
   }
   
   #snap_socialmedia_links {
	   display: none;
   }
   
   .nav_guide {
	   
   }
   
   /*button */
   #page-mod-quiz-review .arrow_link, .path-admin-tool-lp button.btn, #course-category-listings .listing-pagination .yui3-button, .paging.paging-morelink a, #changenumsections .increase-sections, #changenumsections .reduce-sections, input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type="submit"], td.submit input, #notice .singlebutton + .singlebutton input, #login.fixy input[type="submit"], button#local-joulegrader-preview-button, button.atto_equation_submit, .yui-skin-sam .yui-button, .yui3-button, .yui-button button, .felement.ftext input + button, .header-button-group .btn, .btn.btn-primary, .btn.btn-default, .btn.btn-solid, .button-group > button, input.form-submit, input[type="button"], .moodle-dialogue-content button, button#restrictbygroup, button#livelogs-pause-button, #page-admin-tool-monitor-managerules a > button, input[type="submit"], button[type="submit"], input[type="reset"], .gradingform_checklist.editor .addgroup input, .gradingform_checklist.editor .additem input, .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addcriterion input, #page-site-index .section-modchooser-link .section-modchooser-text, .theme-snap .btn.btn-secondary {
   
	   border-radius: 0px;
	   font-size: 15px;
	   padding: 10px 30px;
   }
   
   .btn.btn-default.snap-login-button.js-personal-menu-trigger {
	   color: #fff;
	   font-weight: normal;
	   text-shadow: none !important;
   }
   
   #page-login-index #mr-nav {
	   min-height: 100px;
   }
   
   body .socials {
	   padding: 15px 0px;
	   text-align: center;
   }
   
   body .socials a {
	   background: rgb(27, 41, 88) !important;
   }
   
   #footerlogo {
	   max-height: 80px;
   }
   
   #footerlogo2 {
	   padding-left: 0;
   }
   
   #footerlogo2 img {
	   display: block;
	   margin: 0 auto;
	   max-width: 200px !important;
   }
   
   #coursesearch .btn {
	   padding-top: 12px;
   }
   
   /*------------------Flipping cards------------*/
   /* entire container, keeps perspective */
   .flip-container {
	   perspective: 1000px;
	   transform-style: preserve-3d;
   }
	   /*  UPDATED! flip the pane when hovered */
	   .flip-container:hover .back {
		   transform: rotateY(0deg);
	   }
	   .flip-container:hover .front {
		   transform: rotateY(180deg);
	   }
   
   .flip-container, .front, .back {
	   width: 100%;
	   min-height: 400px;
		   height:auto;
   }
   
   /* flip speed goes here */
   .flipper {
	   transition: 0.6s;
	   transform-style: preserve-3d;
   
	   position: relative;
   }
   
   /* hide back of pane during swap */
   .front, .back {
	   backface-visibility: hidden;
	   transition: 0.6s;
	   transform-style: preserve-3d;
   
	   position: absolute;
	   top: 0;
	   left: 0;
   }
   
   /*  UPDATED! front pane, placed above back */
   .front {
	   z-index: 2;
	   transform: rotateY(0deg);
   }
   
   /* back, initially hidden pane */
   .back {
	   transform: rotateY(-180deg);
   }
   
   /* 
	   Some vertical flip updates 
   */
   .vertical.flip-container {
	   position: relative;
   }
   
	   .vertical .back {
		   transform: rotateX(180deg);
	   }
   
	   .vertical.flip-container:hover .back {
		   transform: rotateX(0deg);
	   }
   
	   .vertical.flip-container:hover .front {
		   transform: rotateX(180deg);
	   }
   
   .flipcards {
	   overflow: hidden;
	   min-height: 100%;
	   max-height: 370px;
	   margin-bottom: 30px;
   }
   .front img {
	   width: 120%;
	   display: block;
	   margin: 0 auto;
   }
   
   .back h4 {
	   margin-top: 0 !important;
	   line-height: 1.4;
	   border-bottom: 1px solid;
	   color: #333;
	   font-size: 34px;
   }
   .turn1 .background {
	   height: 350px;
	   background: url(http://temas.s3.amazonaws.com/moodlerooms/Accesibility/flippingcards-assets/img1.png);
	   Background: url(flip1.jpg);
	   position: relative;
	   background-size: cover;
   }
   .turn2 .background {
	   height: 350px;
	   background: url(http://temas.s3.amazonaws.com/moodlerooms/Accesibility/flippingcards-assets/img2.png);
	   Background: url(flip2.jpg);
	   position: relative;
	   background-size: cover;
   }
   .turn3 .background {
	   height: 350px;
	   background: url(http://temas.s3.amazonaws.com/moodlerooms/Accesibility/flippingcards-assets/img3.png);
	   Background: url(flip3.jpg);
	   position: relative;
	   background-size: cover;
   }
   .turn4 .background {
	   height: 350px;
	   background: url(http://temas.s3.amazonaws.com/moodlerooms/Accesibility/flippingcards-assets/img4.png);
	   Background: url(flip4.jpg);
	   position: relative;
	   background-size: cover;
   }
   .txt-front {
	   position: absolute;
	   bottom: 0;
   }
   
   
   .layer {
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
   }
   .layer h4 {
	   font-size: 25px;
	   text-align: center;
	   line-height: 1;
	   margin-top: 0px;
	   background: rgba(137,171,138, .8) !important;
	   background: rgba(252,208,35, .7) !important;
	   padding: 1em !important;
	   margin-bottom: 0;
	
   }
   .layer p {
	   margin-bottom:0 !important;
   }
   .layer h4, .layer p {
	   color: white;
	   background: rgba(0,0,0,0.4);
	   padding-left: 10px;
   }
   
   .layer p { 
	   padding-top: 15px;
	   padding-bottom: 20px;
	   
   }
   
   #page-site-index .section .activity.modtype_label.label {
	   margin: 0 0;
   }
   #page-site-index .modtype_label {
	   display: inherit !important;
   }
   
   #page-mod-quiz-attempt p {
	   font-size: .8em;
   }
   /*end flip */
   
   #page-admin-purgecaches #notice, #notice.snap-continue-cancel {
	   padding-top: 60px !important;
   }
   
   .intelli-instructor-header .summary-chart-label {
	   z-index: 99 !important;
   }
   
   .intelli-instructor-header .summary .intelliboard-dropdown {
	   z-index: 999 !important;
   }
   
   
   /*login page changes */
   #page-login-index .snap-logo-sitename.text-center {
	   opacity: 0;
	   height: 30px;
	   overflow: hidden;
	   margin: 0 0;
	   padding: 0;
   }
   
   #page-login-index #page-header {
	   padding-top: 80px;
   }
   
   .snap-pm-login-form h1 {
	   font-size: 40px;
	   line-height: normal;
	   text-align: left;
   }
   .search-input-wrapper.nav-link, #mr-nav .search-input-wrapper {
	   padding-top: 0px !important;
	   margin-right: 10px;
   }
   
   .theme-snap #user-notifications {
	   padding-top: 0;
	}
	.path-course-view .section .summary {
	   padding-bottom: 0;
	   margin-bottom: 0;
   }
   h2.sectionname {
	   font-size: 40px;
	   line-height: normal;
	   font-weight: 500;
   }
   #snap-course-footer {
	   background-color: #eee;
   }
   body#page-login-index .snap-login {
	   margin-bottom: 0px !important;
	   margin-top: 0px;
	   margin: 0 0;
   }
   
   body#page-login-index #user-notifications {
	   padding-top: 0px;
   }
   
   #page-login-index .loginpanel h2 {
	   background: transparent;
   }
   .snap-login h5 {
	   text-align: center;
	   font-weight: normal;
	   font-size: 18px;
	   text-transform: uppercase;
   }
   
   .snap-login .potentialidp a {
	   display: block;
	   text-align: center;
	   background: #2F4858;
	   color: #fff !important;
	   padding: 10px 15px;
	   font-size: 14px;
	   border: 0px !important;
	   text-decoration: none !important;
   }
   
   .snap-login .potentialidp a:hover {
	   background: #006370;
   }
   
   .snap-login .potentialidp a .auth-icon {
	   display: none;
   }
   
   /*new snap login for mockup */
   body#page-login-index {
	   
   }
   
   #page-login-index #mr-nav2, #page-login-index #aboveheader, #page-login-index #page-header {
	   display: none !important;
   }
   #page-login-index #mr-nav {
	   background: #535a5d;
   }
   
   #page-login-index #page-header {
   
	   padding-top: 0px !important;
	   margin-top: 0px !important;
   
   }
   
   body#page-login-index #page {
	   background-size: cover;
	   padding-bottom: 0%;
	   min-height: 100%;
   }
   
   
   body#page-login-index .snap-login {
	   height: 100%;
	   position: absolute;
	   top: 0px;
	   Right: 0px;
	   background: rgba(255,255,255,.92);
   }
   
   body.theme-snap#page-login-index #page {
	   background-image: url(19_1400x600.jpg);
	   background-image: url(BERTH4.jpg);
	   background-size: cover;
	   background-position: 60% 50%;
   }
   
   #page-login-index .snap-logo-sitename.text-center {
	   background-image: url(blacklogo.png);
	   opacity: 1;
	   height: 70px;
	   overflow: hidden;
	   margin: 15px 0 30px;
	   padding: 0;
   }
   
   #page-login-index #moodle-footer {
	   opacity: 0;
	   position: absolute;
	   left: -4000px;
	   height: 1px;
	   width: 1px;
	   overflow: hidden;
	   top: -2000px;
   }
   
   #newlogin-instructions-2 p, #newlogin-instructions p {
	   color: #666;
	   text-align: center;
   }
   
   #newlogin-instructions-2 p {
	   margin-bottom: 30px;
   }
   
   #newlogin-instructions p {
	   padding-top: 30px;
	   max-width: 70%;
	   margin: 0px auto;
   }
   
   .snap-login h5 {
	   display: none;
   }
   
   .theme-snap .snap-login .potentialidp a,
   .snap-login a.otherusers {
	   display: block;
	   margin: 0 auto;
	   text-align: center;
	   background: #eda31c;
	   color: #fff !important;
	   padding: 15px 15px;
	   font-size: 14px;
	   border: 0px !important;
	   text-decoration: none !important;
	   max-width: 350px;
	   line-height: normal;
   }
   
   .snap-login a.otherusers {
	   margin-top: 15px;
   }
   
   .snap-login .potentialidp a:hover, .snap-login a.otherusers:hover {
	   background: #eda31c;
   }
   
   
   #page-login-index #login {
	   max-width: 350px;
	   margin: 0 auto;
	   
	   opacity: 0;
	   transition: all .4s ease-in;
	   height: 0px;
	   max-height: 0px;
	   overflow: hidden;
   }
   
   
   #page-login-index.loginopen #login {
	   display: block;
	   
	   transition: all .4s ease-in;
	   height: auto;
	   max-height: 600px;
	   overflow: inherit;
	   opacity: 1;
   }
   
   #page-login-index.loginopen .snap-login a.otherusers {
	   display: none;
   }
   
   #page-login-index.loginopen #newlogin-instructions-2 {
	   opacity: 0;
   }
   
   #page-login-index.loginopen .snap-login .potentialidp a {
	   opacity: .5;
   }
   
   #mr-nav .icon.fa-bell {
   
	   color: #fff !important;
   }
   
   
   .theme-snap .popover-region-toggle.nav-link {
	   padding-top: 0px !important;
   }
   
   /*center login */
   body#page-login-index .snap-login {
	   width: 55%;
	   max-width: 650px;
	   height: inherit;
	   top: inherit;
	   left: inherit;
	   position: relative;
	   margin: 15% auto 10%;
	   padding: 50px 0px;
   }
   
   #page-login-index .snap-logo-sitename.text-center,
   #page-login-index #logins #base-login h1.text-center {
	   display: none;
   }
   
   #page-login-index #mr-nav {
	   min-height: 50px;
   }
   
   #snap-home.logo, #logo, #snap-home.logo {
	   height: 60px;
   }
   
   @media (max-width: 991px) {
	   body#page-login-index .snap-login {
		margin: 25% auto 10%;
   }
   }
   
   @media (max-width: 768px) {
	   body#page-login-index .snap-login {
	   width: 75%;
	   }
   
	   #page-login-index #region-main {
	   padding: 0 0 30px;
	   }
	   #newlogin-instructions p {
	   padding-top: 30px;
	   max-width: 90%;
	   margin: 0px auto;
	   }
	   #page-login-index #mr-nav {
	   min-height: 40px;
	   }
	   #snap-home.logo, #logo, #snap-home.logo {
	   height: 40px;
	   }
   }
   
   @media (max-width: 650px) {
	   body#page-login-index .snap-login {
	   width: 100%;
		margin: 25% auto 10%;
		padding: 30px 30px 30px;
   }
	   #newlogin-instructions p {
	   padding-top: 30px;
	   max-width: 95%;
	   margin: 0px auto;
	   }
   }
   
   .theme-snap #mr-nav #nav-notification-popover-container .count-container {
	   background-color: #000 !important;
	   margin-top: -9px;
   }
   
   .theme-snap #mr-nav .conversation_badge_count {
	   background-color: #000 !important;
   }
   
   /*Support Ticket #285334 - (Tania Espitia T.E) - START*/
   
   .theme-snap #snap-header .usermenu a#user-menu-toggle {
	   color: #fff;
   }
   /*Support Ticket #285334 - END*/