/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.cf:before, .cards:before, .cards3inrow:before, .truefalse-wrap:before, .drag-section:before,
.cf:after,
.cards:after,
.cards3inrow:after,
.truefalse-wrap:after,
.drag-section:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.cf:after, .cards:after, .cards3inrow:after, .truefalse-wrap:after, .drag-section:after {
	clear: both;
}

/*** colours ***/
@font-face {
	font-family: 'bebas_neueregular';
	src: url("font/BebasNeue-webfont.eot");
	src: url("font/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("font/BebasNeue-webfont.woff") format("woff"), url("font/BebasNeue-webfont.ttf") format("truetype"), url("font/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AsapRegular';
	src: url("font/Asap-Regular-webfont.eot");
	src: url("font/Asap-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("font/Asap-Regular-webfont.woff") format("woff"), url("font/Asap-Regular-webfont.ttf") format("truetype"), url("font/Asap-Regular-webfont.svg#AsapRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AsapBold';
	src: url("font/Asap-Bold-webfont.eot");
	src: url("font/Asap-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("font/Asap-Bold-webfont.woff") format("woff"), url("font/Asap-Bold-webfont.ttf") format("truetype"), url("font/Asap-Bold-webfont.svg#AsapBold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RosarioBold';
	src: url("font/Rosario-Bold-webfont.eot");
	src: url("font/Rosario-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("font/Rosario-Bold-webfont.woff") format("woff"), url("font/Rosario-Bold-webfont.ttf") format("truetype"), url("font/Rosario-Bold-webfont.svg#RosarioBold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RosarioRegular';
	src: url("font/Rosario-Regular-webfont.eot");
	src: url("font/Rosario-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("font/Rosario-Regular-webfont.woff") format("woff"), url("font/Rosario-Regular-webfont.ttf") format("truetype"), url("font/Rosario-Regular-webfont.svg#RosarioRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src: url("font/icomoon.eot?u5yg7i");
	src: url("font/icomoon.eot?#iefixu5yg7i") format("embedded-opentype"), url("font/icomoon.woff?u5yg7i") format("woff"), url("font/icomoon.ttf?u5yg7i") format("truetype"), url("font/icomoon.svg?u5yg7i#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up:before {
	content: "\e605";
}

.icon-arrow-left:before {
	content: "\e600";
}

.icon-arrow-down:before {
	content: "\e604";
}

.icon-arrow-right:before {
	content: "\e601";
}

.icon-search:before {
	content: "\e602";
}

.icon-volume-medium:before {
	content: "\e603";
}

.icon-file-pdf:before {
	content: "\f1c1";
}

.icon-file-word:before {
	content: "\f1c2";
}

.icon-file-excel:before {
	content: "\f1c3";
}

body {
	background: white;
	font-family: Arial, sans-serif;
	color: black;
}

* {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, .buttonsection, .profilepic, .percentage {
	font-family: 'bebas_neueregular';
	line-height: 1em;
}

h1 {
	font-size: 4.5em;
}

h2 {
	font-size: 3em;
}

h3 {
	font-size: 2.3em;
}

h4 {
	font-size: 1.7em;
}

h5 {
	font-size: 1.4em;
}

p {
	line-height: 1.5em;
	margin: 1.5em 0;
}

a {
	color: #45a2cf;
	text-decoration: underline;
}

i {
	font-style: italic;
}

abbr {
	color: #45a2cf;
	font-weight: bold;
}

h4 abbr {
	font-weight: normal;
}

abbr a {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

.hide {
	display: none;
}

.pagetitle {
	font-size: 4.5rem;
	margin: 20px 0;
}

.centered {
	text-align: center;
	margin-top: 8px;
}

.padding, .continue, .lesson, .results-breakdown, .check-wrapper, .half-section, .reasons, .intro, .dashboard-main {
	padding: 2em;
	overflow: hidden;
}

.single-course .dashboard-main {
	overflow: visible;
}

.cbox, .dashboard, .middle-login, .about-section {
	overflow: hidden;
	padding: 2em;
}

.pad-box {
	padding: 2em;
}

.pad-box img {
	width: 100%;
}

ol.table-display {
	padding: 0;
}

ol.table-display li {
	display: table;
}

ol.table-display p {
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
}

.bg-darkgray, .progressbar, .about-section {
	background: #282728;
}

.progressbar {
	color: white;
	overflow: hidden;
}

.progressbar-container {
	padding: 2em;
	padding-bottom: 0;
	overflow: hidden;
}

.container, .container2 {
	max-width: 954px;
	margin: 0 auto;
	position: relative;
}

.container2 {
	max-width: 1366px;
	display: table;
	width: 100%;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.topbar {
	background: black;
	color: #d3b25f;
	border-bottom: 2px solid white;
}

.topbar .container {
	padding: 35px 0 22px 0;
}

.main-nav {
	position: relative;
}

#header {
	background: #000;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#header .container {
	padding: 35px 0 22px 0;
	font-size: 0.9em;
}

@media screen and (max-width: 1024px) {
	iframe {
		width: 100%;
		height: 400px;
	}

	.section-page figure {
		width: 100% !important;
	}

	.section-page figure.alignright, .section-page figure.alignleft {
		float: none;
		margin: 1em 0;
	}

	#content img, .dashboard-right img, .section-page img, .section-page figure img, .alignnone {
		max-width: 100% !important;
		width: auto !important;
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	iframe {
		width: 100%;
		height: 300px;
	}
}

#header {
	background: #000;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#header .container {
	padding: 35px 0 0 0;
}

#site-title {
	color: #d3b25f;
	font-family: 'RosarioRegular', Arial, sans-serif;
	font-size: 2em;
	margin: 0 0 0 160px;
	line-height: 1;
}

#site-title span {
	margin: 0;
}

#site-tagline {
	color: #d3b25f;
	font-family: 'RosarioRegular', Arial, sans-serif;
	font-size: 1.03em;
	font-style: italic;
	margin: 12px 0 5px 215px;
	line-height: 1;
}

#site-logo a {
	display: block;
	width: 157px;
	height: 86px;
	background: url(../../../assets/img/lof/site-logo.png) no-repeat left top;
	text-indent: -999px;
	overflow: hidden;
}

#site-search {
	position: absolute;
	right: 0;
	bottom: 12px;
	background: #fff;
	width: 186px;
	height: 28px;
}

#site-search .input-txt {
	width: 150px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 30px 2px 5px;
	border: 0;
	font-size: 0.9em;
}

#site-search .input-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 28px;
	padding: 0;
	border: 0;
	background: url(../../../assets/img/lof/icon-search.png) no-repeat center center;
	text-indent: -999px;
	overflow: hidden;
	text-transform: uppercase;
}

#site-title {
	color: #d3b25f;
	font-family: 'RosarioRegular', Arial, sans-serif;
	font-size: 2em;
	margin: 0 0 0 160px;
	line-height: 1;
}

#site-title span {
	margin: 0;
}

#site-logo {
	position: absolute;
	left: 0;
	bottom: -51px;
	z-index: 3;
}

#site-search {
	position: absolute;
	right: 0;
	bottom: 12px;
	background: #fff;
	width: 186px;
	height: 28px;
}

#site-search .input-txt {
	width: 150px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 30px 2px 5px;
	border: 0;
	font-size: 0.9em;
}

#site-search .input-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 28px;
	padding: 0;
	border: 0;
	background: url(../../../assets/img/education/icon-search.png) no-repeat center center;
	text-indent: -999px;
	overflow: hidden;
	text-transform: uppercase;
}

#primary-nav {
	background: url(../../../assets/img/education/bg-primary-nav.png) repeat left top;
	font-family: 'AsapBold', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	border-bottom: 2px solid #c3c2c2;
}

#primary-nav #menu-primary_navigation {
	position: relative;
	padding-right: 305px;
}

#primary-nav ul {
	margin: 0 0 0 140px;
	padding: 0;
}

#primary-nav ul li {
	padding: 0;
	display: inline-block;
	position: relative;
	width: 33%;
}

#primary-nav ul li a {
	color: #000;
	display: inline-block;
	padding: 15px 45px 10px 15px;
	text-decoration: none;
	-webkit-transition: color .15s linear;
	transition: color .15s linear;
	background: url(../../img/menu-arrow-down.png) no-repeat right center;
}

#primary-nav ul li a:hover, #primary-nav ul li a:focus {
	color: #45a2cf;
}

#primary-nav ul li.active, #primary-nav ul li.active > a {
	background-color: #fff;
	color: #45a2cf;
}

#primary-nav ul li.gre-map {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

#primary-nav ul li.gre-map > a {
	background: url(../../img/world-map.png) #45a2cf right center no-repeat;
	color: #fff;
	padding-right: 100px;
}

#primary-nav ul li.gre-map.active > a, #primary-nav ul li.gre-map:hover > a, #primary-nav ul li.gre-map:active > a {
	color: #45a2cf;
	background-image: url(../../img/world-map-active.png);
	background-color: white;
}

#primary-nav ul li.gre-map ul {
	text-align: left;
}

#primary-nav ul li ul {
	position: absolute;
	margin: 0px;
	z-index: 10;
}

#primary-nav ul li ul li {
	width: 250px;
}

#primary-nav ul li ul li a {
	width: 100%;
	background: url(../../../assets/img/education/bg-primary-nav.png);
}

#primary-nav ul li ul li a:hover {
	background: #fff;
	border-bottom: 1px solid #45a2cf;
	margin-top: -1px;
}

#primary-nav ul li:hover ul {
	display: block;
}

@media screen and (max-width: 880px) {
	#primary-nav #menu-primary_navigation {
		padding-right: 0px;
	}

	#primary-nav ul {
		margin: 0 0 0 140px;
		padding: 0;
	}

	#primary-nav ul li {
		width: 100%;
	}

	#primary-nav ul li.gre-map {
		position: relative;
		width: 100%;
	}
}

@media screen and (max-width: 479px) {
	#primary-nav {
		padding-bottom: 0px;
		transition: padding-bottom 0.5s;
	}

	#primary-nav.expanded {
		padding-bottom: 40px;
	}

	#primary-nav ul li:hover ul, #primary-nav ul li ul {
		display: none;
	}

	#primary-nav ul li a {
		background-image: none;
		padding-right: 15px;
	}
}

#mobile-nav {
	display: inline-block;
	width: 100%;
	text-align: right;
}

#mobile-nav ul {
	display: inline-block;
	padding-top: 8px;
}

#mobile-nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#mobile-nav #site-search {
	position: relative;
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
}

#mobile-nav #mobile-menu {
	margin: 0 20px 0 10px;
}

#mobile-nav #mobile-menu a {
	display: block;
	width: 28px;
	height: 28px;
	background: url("../../../assets/img/education/btn-menu.png") 0 0 transparent no-repeat;
	padding: 0;
}

#mobile-nav #mobile-menu a span {
	display: none;
}

#primary-nav #mobile-nav #close-menu {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	text-align: center;
	float: none;
	z-index: 9999;
}

#primary-nav #mobile-nav #close-menu a {
	display: inline-block;
	color: #fff;
	height: 40px;
	width: 85px;
	background: url("../../../assets/img/education/btn-menu-close.png") center bottom transparent no-repeat;
	padding: 0;
}

#primary-nav #mobile-nav #close-menu a span {
	margin-top: 15px;
	display: block;
}

/*** buttons ***/
[class^="btn-"] {
	display: block;
	text-decoration: none;
	padding: 0.4em;
	font-family: 'bebas_neueregular';
	color: white;
	float: left;
	border: none;
	text-transform: uppercase;
}

.btn-green {
	background: #4c9131;
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
}

.btn-green:hover, .btn-green:focus {
	background: #56a437;
}

.btn-blue {
	background: #45a2cf;
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
}

.btn-blue:hover, .btn-blue:focus {
	background: #56b3df;
}

.btn-quit {
	padding: 0.4em 2.1em;
	background: #444444;
	font-size: 1.7em;
	white-space: nowrap;
}

.btn-quit:hover, .btn-quit:focus {
	background: #5e5e5e;
}

.btn-retake {
	float: right;
	background: #fe1200;
}

.btn-lesson, .btn-takequiz {
	background: #ca1818;
	width: auto;
	min-width: 48%;
	text-align: center;
}

.btn-lesson:hover, .btn-takequiz:hover, .btn-lesson:focus, .btn-takequiz:focus {
	background: #e11b1b;
}

.lesson-course-btn-container {
	clear: both;
	width: 100%;
	margin: 20px 0;
	height: 40px;
}

.btn-lesson-course {
	width: 172px;
	height: 40px;
	font-size: 22px;
	min-width: 172px;
	margin: 0 auto;
	float: none;
}

.btn-takequiz {
	font-size: 1.8em;
	margin: 1em auto;
	width: 300px;
	float: none;
	text-align: center;
}

.btn-primary.btn-right {
	float: right;
}

.btn-register {
	font: 16px Arial, sans-serif;
	padding: 10px 0;
}

.create-acc-wrap {
	background: rgba(0, 0, 0, 0.7);
}

.create-acc img {
	width: 100%;
}

.icon-arrow-right,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-up {
	font-size: 0.8em;
	margin-left: 5px;
}

.btn-check {
	background: white;
	color: #ccc;
	width: 150px;
	margin: 0 auto;
	float: none;
	border: 1px solid #ccc;
	font-size: 24px;
}

.btn-previous-question {
	cursor: pointer;
	background: #45a2cf;
	color: white;
	border: none;
	float: left;
}

.btn-next-question {
	cursor: pointer;
	background: #45a2cf;
	color: white;
	border: none;
	float: right;
}

.btn-submit-quiz {
	cursor: pointer;
	background: #45a2cf;
	color: white;
	border: none;
}

.btn-quiz {
	margin: 0.4em 0;
	border: 2px solid #45a2cf;
	color: black;
	font-size: 1.8em;
	text-align: center;
	width: 100%;
}

.btn-primary {
	background: #fe1200;
	font-family: Arial;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	margin: 1em;
	float: none;
	padding: 0.6em;
	line-height: 1.5em;
}

.btn-primary:hover, .btn-primary:focus {
	background: #fe0043;
}

.btn-dropable, .box-dropable {
	border: 4px dashed #DADADA;
	background: white;
	width: 100%;
	padding: 0.7em;
}

.box-dropable {
	height: 400px;
}

.halfbox {
	width: 45%;
	float: left;
	margin: 1em 1%;
}

.enable {
	background: #45a2cf;
	color: white;
	border: none;
}

.btn-login {
	padding: 0.6em 3em;
	margin: 0;
	background: #fe1200;
	font-family: Arial;
	font-weight: bold;
}

.btn-login:hover, .btn-login:focus {
	background: #fe0043;
}

.skip-link {
	margin: 0 auto;
	text-decoration: none;
	color: #444444;
	font-size: 0.85em;
	display: block;
	margin-top: 1em;
	border: 0;
	background: none;
	cursor: pointer;
}

.skip-link:hover, .skip-link:focus {
	text-decoration: underline;
}

.continue {
	background: #c3d8bb;
	z-index: 2;
	position: relative;
}

.continue h2, .continue h3 {
	float: left;
	clear: left;
}

.btn-continue {
	background: #45a2cf;
	margin: 0 0 0 8em;
	position: relative;
	padding: 0.5em 1.5em 0.5em 1em;
}

.btn-continue span:after {
	content: "";
	position: absolute;
	right: 11%;
	top: 36%;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid white;
}

.section-login {
	font: 16px Arial, sans-serif;
	float: right;
	color: white;
	position: absolute;
	top: 2em;
	right: 2em;
	z-index: 2;
}

.section-login span {
	float: left;
	display: inline-block;
	padding: 10px 20px;
}

.section-login a:hover {
	text-decoration: underline;
}

/*
@media screen and (max-width: 768px){
	.box-questions, .box-answers{
		float:left;
		width: 100%;
	}
}
*/
.continue-wrap {
	padding: 0 4em;
}

.share img {
	width: auto;
	max-width: 180px;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
	clear: left;
}

#footer {
	clear: both;
	background: #18a4ca;
	color: #fff;
	padding: 20px 0 10px 0;
	font-size: 0.9em;
	z-index: 9999;
	position: relative;
}

#footer .pad {
	padding-right: 157px;
	margin: 0;
}

#footer a {
	color: #fff;
}

#footer h2 {
	font-family: 'RosarioRegular', Arial, sans-serif;
	color: #fff;
	font-size: 1.4em;
}

#footer-logo {
	position: absolute;
	right: 0;
	bottom: -44px;
	width: 127px;
	height: 71px;
	background: url(../../../assets/img/lof/footer-logo.png) no-repeat left top;
}

#footer-nav {
	padding: 0;
	list-style: none;
	margin: 0 0 1em 0;
}

#footer-nav li {
	display: inline;
	margin: 0;
}

#footer-nav li a {
	display: inline-block;
	background: url(../../../assets/img/lof/bullet-white.png) no-repeat left center;
	padding: 0 4px 0 10px;
	text-transform: uppercase;
	font-size: 0.8em;
	text-decoration: none;
}

#footer-nav li:first-child a {
	background: none;
	padding-left: 0;
}

#footer-nav li a:hover {
	text-decoration: underline;
}

#social {
	padding: 0;
	list-style: none;
	float: left;
	margin-right: 20px;
	margin: 0 0 1em 0;
}

#social li {
	margin: 0;
	display: inline;
}

#social li a {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../../../assets/img/lof/sprite-social.png) no-repeat left top;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

#social li.twitter a {
	background-position: 0 0;
}

#social li.facebook a {
	background-position: -36px 0;
}

#social li.youtube a {
	background-position: -73px 0;
}

#social li.linkedin a {
	background-position: -110px 0;
}

#social li.pintrest a {
	background: url(../../../assets/img/pinterest-footer-white.png) no-repeat left top;
}

#social li.instagram a {
	background: url(../../../assets/img/instagram-white.png) no-repeat left top;
}

#social li.twitter a:hover {
	background-position: 0 -23px;
}

#social li.facebook a:hover {
	background-position: -36px -23px;
}

#social li.youtube a:hover {
	background-position: -73px -23px;
}

#social li.linkedin a:hover {
	background-position: -110px -23px;
}

#social li.pintrest a:hover {
	background: url(../../../assets/img/pinterest-footer-black.png) no-repeat left top;
}

#social li.instagram a:hover {
	background: url(../../../assets/img/instagram-black.png) no-repeat left top;
}

#copy {
	float: left;
	font-size: 0.8em;
	margin-right: 40px;
}

#rr {
	float: left;
	font-size: 0.8em;
}

#rr a {
	text-decoration: none;
}

.sitename {
	font-family: 'RosarioRegular', sans-serif;
	margin: 0 0 0 160px;
	font-size: 1.8em;
	position: relative;
}

.video-wrap, .iframe-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	margin-bottom: 2em;
}

.iframe-wrap {
	padding-bottom: 58.25%;
	margin: 0;
	top: -5%;
	z-index: 1000;
}

.iframe-wrap iframe, .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-wrap iframe {
	top: 5%;
}

.profile-wrap, .middlesection, .buttonsection {
	float: left;
	width: 14%;
}

.profile-wrap {
	min-width: 170px;
}

.profilepic, .course-img li {
	position: relative;
}

.profilepic img, .course-img li img {
	position: relative;
	width: 100%;
	max-width: 260px;
	opacity: 0.8;
	height: auto;
}

.profilepic a, .course-img li a {
	color: white;
	display: block;
	position: relative;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.profilepic:hover img, .profilepic:focus img, .course-img li:hover img, .course-img li:focus img {
	opacity: 1;
}

.profilename {
	position: absolute;
	right: 0.6em;
	bottom: 0.6em;
	font-size: 1.8em;
}

.middlesection {
	width: 70%;
	padding: 0 2em;
	margin-bottom: 2em;
}

.buttonsection {
	min-width: 180px;
}

.complete {
	font-size: 2em;
	color: #45a2cf;
	float: left;
	clear: left;
	margin-top: 0.2em;
}

.progress-boxes {
	margin-top: 1.5em;
}

.progress-boxes li {
	width: 3%;
	max-width: 28px;
	min-width: 20px;
	height: 28px;
	background: #e3e3e3;
	float: left;
	margin: 0.5em 0.5em 0 0;
}

.progress-boxes li.completed {
	background: #45a2cf;
}

/**** dashboard ****/
.dashboard {
	background: #282728;
	padding: 0;
}

.dashboard-left, .dashboard-right {
	float: none;
	display: table-cell;
	vertical-align: top;
}

.dashboard-left {
	width: 25%;
	color: white;
}

.beta-notice {
	padding: 1em 2em 1em 2em;
}

.beta-notice h2 {
	color: #18a4ca;
	font-size: 1.7em;
}

.beta-notice p {
	margin-top: 10px;
}

.beta-notice a {
	text-decoration: none;
	background-color: #E98A24;
	color: white;
	padding: 10px;
	font-weight: 600;
}

.beta-notice a:hover {
	background-color: #dd8527;
}

.quiz-notice {
	position: relative;
	padding: 0;
	float: right;
	left: 26px;
	width: 18%;
	bottom: 55px;
}

.quiz-notice p {
	font-family: bebas_neueregular;
}

.quiz-notice a {
	font-weight: 500;
}

.quiz-notice .btn-sidebar {
	width: 80%;
	padding: 10px 10px;
}

@media screen and (max-width: 768px) {
	.quiz-notice {
		float: none;
		width: 100%;
		clear: both;
		left: 0;
		padding: 15px 0 0 0;
	}
}

.dashboard-right {
	background: white;
	width: 75%;
}

.main-subtitle {
	margin-top: 0;
}

.dash-pic {
	margin: 2em;
}

.video-wrap.dash-pic {
	margin: 2em 0;
}

.sidemenu {
	padding: 1em 2em;
	font: 1em 'AsapRegular', sans-serif;
	text-transform: uppercase;
}

.sidemenu li {
	border-bottom: 1px solid #444;
}

.sidemenu li ul {
	font-size: 0.8em;
	padding-left: 1em;
}

.sidemenu li li {
	border-top: 1px solid #444;
	border-bottom: none;
}

.sidemenu a {
	display: block;
	padding: 10px;
	color: white;
	text-decoration: none;
}

.sidemenu a:hover, .sidemenu a:focus {
	background: #333;
}

.sidemenu .active {
	color: #45a2cf;
}

#mobile-dashboard a {
	padding: 1em 2em;
	font: 1em 'AsapRegular', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #45a2cf;
}

#mobile-dashboard a:hover, #mobile-dashboard a:focus {
	background: #333;
}

#mobile-dashboard a span:before, #mobile-dashboard a span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #45a2cf;
	position: absolute;
	display: block;
	content: '';
}

#mobile-dashboard a span:before {
	top: -10px;
}

#mobile-dashboard a span:after {
	bottom: -10px;
}

.lesson {
	color: white;
	background-size: 100% 100%;
	position: relative;
	padding-bottom: 4em;
}

.lesson img {
	position: absolute;
	top: 0;
	left: 0;
}

.lesson p {
	line-height: 1.5em;
	margin-top: 1em;
}

.percentage {
	font-size: 9em;
	float: left;
}

.percentage span {
	font-size: 0.7em;
}

.lesson-perc, .lesson-description {
	float: left;
	position: relative;
}

.lesson-perc {
	width: 30%;
}

.lesson-perc .btn-lesson, .lesson-perc .btn-takequiz {
	font-size: 1.4em;
}

.average-score {
	padding: 0 2em;
	float: right;
}

.lesson-progress {
	font-size: 6em;
	color: #45a2cf;
	font-family: 'bebas_neueregular';
}

.progres-meter, .lesson-meter {
	height: 1.7em;
	position: relative;
	background-color: #e3e3e3;
}

.progres-meter span, .lesson-meter span {
	display: block;
	height: 100%;
	background: #45a2cf;
	position: relative;
	overflow: hidden;
}

.progres-meter {
	color: white;
}

.lesson-meter {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2em;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
	zoom: 1;
}

.lesson-meter span {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.7);
}

.lesson-description {
	width: 70%;
}

.lesson-description h2 a {
	color: white;
	text-decoration: none;
}

.lesson-description h2 a:hover, .lesson-description h2 a:focus {
	text-decoration: underline;
}

.progress-box-left {
	clear: both;
	overflow: hidden;
	padding: 1em 2em;
}

.progress-box-left .percentage {
	color: #18a4ca;
}

.progress-box-left .btn-lesson, .progress-box-left .btn-takequiz {
	font-size: 1.8em;
	padding: 0.4em 1em;
}

.progress-box-left .btn-green {
	margin-top: 2em;
	font-size: 1.4em;
}

.btn-sidebar {
	text-align: center;
	margin: 0;
	background: #E98A24;
}

.btn-sidebar:hover, .btn-sidebar:focus {
	background: #dd7d16;
}

.btn-sidebar-red {
	text-align: center;
	margin: 0;
	background: #fe1200;
}

.btn-sidebar-red:hover, .btn-sidebar-red:focus {
	background: #e51000;
}

.btn-createclass {
	float: right;
	margin: 1em 0em;
}

.btn-myclasses {
	clear: right;
	float: right;
	margin: 1em 0em;
}

.classesh2 {
	float: left;
}

.facts h4 {
	color: #18a4ca;
}

.facts li {
	margin: 0.5em 0;
	line-height: 1.2em;
}

.facts strong {
	color: #45a2cf;
}

.share-links-container a.social-link {
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 19px;
	text-align: center;
	padding-top: 7px;
}

.share-links-container a.social-link.twitter {
	background-color: #00ACED;
}

.share-links-container a.social-link.fb {
	background-color: #3b5998;
}

.share-links-container a.social-link.pinterest {
	background-color: #CB2027;
}

.share-links-container a.social-link.google {
	background-color: #dd4b39;
}

.share-links-container a.social-link:hover {
	background-color: #45a2cf;
}

.section-page .popBox h5, .section-page .popBox strong {
	margin: 0;
	color: #45a2cf;
}

.section-page .popBox img {
	width: auto;
}

.tab-content figure {
	float: left;
	width: 100%;
}

.replacement-wrap {
	cursor: pointer;
	position: relative;
}

.replacement-wrap:hover, .replacement-wrap:focus {
	opacity: 0.8;
}

.interactive-wrap {
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	filter: alpha(opacity=60);
	z-index: 99999;
	width: 100%;
	height: 100%;
	display: none;
}

.interactive-container {
	position: relative;
	width: 85%;
	height: 95%;
	margin: 1% auto;
	padding: 1em;
	background: black;
}

.interactive {
	position: relative;
	width: 100%;
	height: 100%;
}

.playbutton {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 6em;
	font-family: 'bebas_neueregular', Arial, sans-serif;
	color: black;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 20%;
}

.close-iframe {
	display: none;
	position: absolute;
	top: 0;
	right: 1%;
	cursor: pointer;
	color: white;
	font: 1.5em 'bebas_neueregular', Arial, sans-serif;
	z-index: 1001;
}

.close-iframe:hover {
	color: #45a2cf;
}

.interactive .iframe-wrap {
	top: 0 !important;
	padding-bottom: 0 !important;
	height: 100% !important;
}

.interactive .iframe-wrap iframe {
	top: 0 !important;
	overflow: hidden;
}

.pop-up {
	position: relative;
	z-index: 99999;
}

.modal-open {
	overflow: hidden;
}

#pop1 {
	color: #eee;
}

/*
.js #pop1 {
	// position: absolute;
	// top: -50px;
	// width: inherit;
	// display: none;
	// z-index: 1;
	// border: 5px solid $darkgray;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	// background-color: rgba(0,0,0,.6);
}
*/
.js #pop1 {
	position: absolute;
	width: 100%;
	display: none;
	z-index: 999;
	top: 100px;
}

.popBox-inner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 1366px;
	max-height: 235px;
	overflow: hidden;
	overflow-y: auto;
}

.popBox-content {
	position: relative;
	padding: 20px;
	background: #282728;
	border: 5px solid #444444;
	color: #eee;
	width: 100%;
}

.js .popBox-content {
	width: 75%;
	width: 100%;
}

#pop1 h2 {
	margin-top: 0;
}

#pop1 ul {
	padding: 0;
}

#pop1 li {
	margin: 5px 0;
	font-size: 0.9em;
}

/* Close button on form */
.close {
	position: absolute;
	right: 10px;
	top: 10px;
	font-weight: bold;
	font-family: sans-serif;
	cursor: pointer;
	z-index: 999;
}

.close:hover {
	color: #45a2cf;
}

#funfacts {
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	height: 81px;
	width: 80px;
	border: none;
}

#funfacts:hover, #funfacts:active, #funfacts:focus {
	outline: none;
}

#funfacts:hover {
	background: #eee;
}

.fact-wrap {
	float: left;
	width: 100%;
}

.fact-wrap .fun-fact {
	float: left;
}

.fact-wrap .wrap-funfacts .close {
	width: 16px;
	height: 15px;
	right: 25px;
	border-radius: 7px;
	text-align: center;
	vertical-align: middle;
	background: red;
}

.fun-facts li {
	margin: 1em 0;
	list-style-position: inside;
}

.fun-fact {
	text-align: center;
}

.funfacts-clickme {
	font-size: 0.8em;
	line-height: 1;
	position: relative;
	top: -3px;
}

.friday-facts {
	width: 100%;
	margin: 1em 0 0 0;
}

.octopus {
	margin-left: 10px;
	float: right;
}

.topbanner {
	position: relative;
	overflow: hidden;
}

.topbanner h1 {
	margin: 20px 0;
}

.topbanner img {
	position: absolute;
	height: auto;
	top: 0;
	width: 100%;
	z-index: 0;
}

.topbanner .homebanner {
	top: -125px;
}

.topbanner-text {
	color: white;
	position: relative;
	z-index: 2;
	padding: 60px 40px 60px 40px;
}

.topbanner-text h1 {
	color: white;
}

.topbanner-text p {
	font: 1.5em 'AsapRegular', sans-serif;
}

.circle {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	font-family: 'bebas_neueregular';
	font-size: 1.2em;
	border-radius: 50%;
	background-position: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.circle p {
	display: none;
	align-self: center;
	vertical-align: middle;
	text-align: center;
	line-height: 1em;
	position: relative;
	z-index: 5;
	padding: 10px;
	font-weight: normal;
	font-size: 15px !important;
}

.circle img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.1;
	filter: alpha(opacity=10);
	border-radius: 50%;
}

.circle .completed img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.circle-large {
	width: 200px;
	height: 200px;
}

.wrap-ach {
	list-style: none;
	clear: both;
	overflow: hidden;
	margin: 1em 0;
	text-align: center;
}

.wrap-ach li {
	display: inline-block;
	margin: 5px;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid #45a2cf;
}

.wrap-ach li:hover p, .wrap-ach li:focus p {
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	background: #45a2cf;
	font-size: 0.9em;
	word-wrap: break-word;
}

.wrap-ach a {
	width: 100px;
	color: white;
	text-decoration: none;
	display: table;
	table-layout: fixed;
	align-self: center;
}

.results-breakdown {
	background: white;
	color: black;
}

.results-breakdown h4 {
	margin: 1em 0 0.7em;
}

.number {
	background: #45a2cf;
	color: white;
	border-radius: 50%;
	height: 1.3em;
	width: 1.3em;
	line-height: 1.3em;
	display: block;
	text-align: center;
	float: left;
	margin-right: 0.5em;
	position: relative;
}

.scores {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	clear: both;
	font-size: 1.6em;
	margin: 1em 0;
}

.scores a {
	text-decoration: none;
	color: black;
}

.scores a:hover, .scores a:focus {
	text-decoration: underline;
}

.scores a.white {
	color: white;
}

.scores li {
	margin-top: 1em;
	overflow: hidden;
}

.scores p {
	margin: 0.1em 0;
}

.scores ul.scores-sub {
	clear: both;
	margin-left: 7%;
}

.score-desc, .score-meter {
	float: left;
	width: 35%;
}

.score-desc a, .score-meter a {
	text-decoration: none;
}

.score-desc a:focus, .score-desc a:hover, .score-meter a:focus, .score-meter a:hover {
	text-decoration: underline;
}

.score-desc-sub {
	width: 30%;
	float: left;
}

.score-meter {
	width: 65%;
}

.score-meter span {
	padding: 0.3em;
}

.courseslist {
	margin: 2em 0;
}

.courseslist .select-style.standard {
	margin: 10px 10px 10px 0;
	float: left;
}

.curriculum-link-linkable {
	width: 50%;
	height: 3rem;
	padding: 7px;
}

.curriculum-link-linkable:hover, .curriculum-link-linkable:focus {
	background: #eee;
	color: black;
}

.curriculum-link-linkable a {
	display: block;
}

.curriculum-link {
	width: 100%;
	height: 100%;
}

.course-quizzes {
	float: right;
}

.course-title {
	float: left;
}

.accordion-title {
	font: 1.6em 'bebas_neueregular', Arial, sans-serif;
	width: 100%;
	clear: both;
	background: #eee;
	padding: 10px;
	margin: 10px 0;
	cursor: pointer;
}

.accordion-title:hover, .accordion-title:focus {
	background: #d4d4d4;
}

.accordion-title a {
	display: block;
}

.accordion-wrap {
	width: 100%;
	overflow: hidden;
}

.accordion-content {
	overflow: hidden;
}

.accordion-list {
	font: 1.6em 'bebas_neueregular', Arial, sans-serif;
	margin: 0 0 0 1em;
}

.accordion-list li {
	clear: both;
	margin: 5px 0;
	overflow: hidden;
}

.accordion-list p {
	margin: 0;
}

.accordion-table {
	width: 100%;
	font: 1.6em 'bebas_neueregular', Arial, sans-serif;
}

.accordion-table th {
	border-bottom: 3px solid #eee;
}

.accordion-table td {
	text-align: center;
}

.course-info {
	float: right;
}

.total-quizzes, .total-score, .seemore {
	float: left;
	padding: 6px;
}

.results-bar {
	width: 100%;
	height: 5px;
	background: #45a2cf;
	margin: 20px 0;
}

.dots {
	width: 100%;
	display: table;
}

.dots li {
	list-style-type: none;
	display: table-cell;
}

.dots li.active span {
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.7em;
	color: white;
	box-sizing: border-box;
	padding: 0.3em 0;
	text-align: center;
	background: red;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.dots li.active:hover span, .dots li.active.current span {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}

.dots li span {
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background: green;
	display: block;
	margin: -0.3em auto;
}

.section-info {
	position: relative;
	min-height: 400px;
}

.info {
	padding: 20px;
	overflow: hidden;
}

.progress-wrap {
	float: right;
	width: 65%;
}

.progress-wrap .progress-boxes {
	float: right;
}

.check-wrapper {
	text-align: center;
	background: #e3e3e3;
	color: white;
	position: relative;
	z-index: 9999;
}

.loginform {
	position: absolute;
	width: 280px;
	right: 0;
	top: 2.5em;
	background: #e3e3e3;
	color: black;
	padding: 1em;
	box-shadow: 0px 0px 4px #666;
	display: none;
}

.loginform span.help-block {
	position: relative;
	font-size: 0.9em;
	display: block;
	width: 90%;
}

.loginpage {
	width: 280px;
	margin: 2em 0;
}

.login-section {
	background-image: url(../../../assets/img/education/sign-up.jpg);
	background-position: 0 0;
	background-size: cover;
	padding: 2em;
}

.middle-login {
	clear: both;
	padding: 0;
	color: white;
}

.half-section {
	float: left;
	width: 50%;
}

.registerform input[type='text'],
.registerform input[type='password'],
.registerform input[type='email'],
.registerform input[type='submit'],
.registerform select, div.form input[type='text'],
div.form input[type='password'],
div.form input[type='email'],
div.form input[type='submit'],
div.form select {
	width: 100%;
	padding: 0.7em;
	margin: 0.5em 0;
	white-space: normal;
}

.registerform .already-registered, div.form .already-registered {
	margin: 0.5em 0;
}

.registerform input[type='submit'], div.form input[type='submit'] {
	padding: 0.4em;
	width: 100%;
	color: #fff;
	border: none;
}

.registerform label.selected, div.form label.selected {
	background-color: transparent;
	border: 0;
	color: #fff;
}

.registerform p, div.form p {
	margin: 0;
}

.registerform p.login-remember label, div.form p.login-remember label {
	color: black;
}

.registerform label, div.form label {
	padding: 0.5em 0 0 0;
	display: block;
}

.registerform label.error, div.form label.error {
	font-size: 0.9em;
	padding: 0 0 0.5em 0;
}

.registerform legend, div.form legend {
	display: none;
}

.registerform input.error, .registerform select.error, .registerform textarea.error, div.form input.error, div.form select.error, div.form textarea.error {
	border: 2px solid red;
}

.registerform input.valid, .registerform select.valid, .registerform textarea.valid, div.form input.valid, div.form select.valid, div.form textarea.valid {
	border: 2px solid limegreen;
}

#fieldset_user_date_of_birth select {
	width: 32.33%;
}

#fieldset_teacher input[type=checkbox] {
	display: inline-block !important;
}

/* .firstset{
	label{
		display: none;
	}
} */
.hidden {
	display: none;
}

.additionalFields {
	display: none;
	padding: 1em;
}

.form-section {
	padding-left: 6em;
}

.about-section {
	color: white;
	background: #282728;
	padding-bottom: 4em;
	text-align: center;
}

.about-section h2 {
	margin: 0.5em 0 0.5em 0;
}

label.hidden {
	display: none;
}

label.checkbox {
	padding: 0.2em 0 0 0;
	display: inline-block;
}

.course-img {
	margin: 1em -0.5em;
	overflow: hidden;
}

.course-img li {
	float: left;
	width: 25%;
	position: relative;
}

.course-img li img {
	width: 100%;
	opacity: 1;
	border: 5px solid white;
}

.course-img li span {
	position: absolute;
	bottom: 0.5em;
	left: 0.5em;
	font-family: 'bebas_neueregular';
	font-size: 2em;
}

.course-img li a:hover img {
	border: 5px solid #45a2cf;
}

.reasons {
	text-align: center;
	background: #e3e3e3;
}

.reasons .course-intro {
	margin: 0 1em 4em 1em;
	line-height: 2em;
	text-align: left;
}

.reasons h2 {
	margin-top: 0.5em;
}

.reasons li {
	float: left;
	width: 33.33%;
	position: relative;
	padding: 0 0.5em;
}

.reasons li p {
	margin: 1em 0;
	line-height: 1.8em;
}

.intro {
	background: white;
	color: black;
}

.intro-bottom {
	padding: 0 2em 4em 4em;
}

.intro-bottom p {
	margin: 1em 0;
}

.dashboard-main {
	background: white;
	color: black;
}

.dashboard-main header {
	margin-bottom: 1em;
	overflow: hidden;
}

.section-page {
	clear: both;
}

.section-page figure {
	margin: 1em 0;
	position: relative;
}

.section-page figure img {
	width: 100%;
	margin: 0;
	max-width: 960px;
}

.section-page figcaption {
	font-size: 0.9em;
	margin-top: 5px;
}

.section-page li {
	margin: 0.5em 0;
	line-height: 1.5em;
}

.section-page p, .section-page td, .section-page li {
	font-size: 0.9em;
	line-height: 1.7em;
}

.section-page h5 {
	margin-top: 1em;
}

.resourcelist {
	clear: both;
	margin: 1em 0;
}

.downloadlist {
	font: 1em 'AsapRegular', sans-serif;
}

.downloadlist li {
	line-height: 2.2em;
}

.downloadlist ol {
	list-style: decimal;
}

.downloadlist ol, .downloadlist ul {
	margin: 1em 0 1em 2em;
}

.downloadlink {
	padding: 0.5em;
	background: #eee;
	color: black;
	text-decoration: none;
}

.downloadlink:hover, .downloadlink:focus {
	background: #d4d4d4;
}

.downloadlink:before {
	font-family: 'icomoon';
	padding-right: 0.5em;
}

.downloadlink[type="application/pdf"], .downloadlink[href$=".pdf"]:before {
	content: "\f1c1";
}

.downloadlink[href$=".docx"]:before, .downloadlink[href$=".doc"]:before {
	content: "\f1c2";
}

.downloadlink[href$=".xlsx"]:before, .downloadlink[href$=".xls"]:before {
	content: "\f1c3";
}

.definition {
	list-style-type: disc;
	margin: 2em 1em;
}

.definition li {
	margin: 1em 0;
}

.definition h5 {
	text-transform: uppercase;
}

.example {
	font: 2em 'bebas_neueregular', Arial, sans-serif;
	padding: 0 50px;
}

.label-img {
	max-width: 700px;
	height: auto;
}

.letter {
	display: inline-block;
	padding: 0 10px;
	width: 40px;
}

.quiz-half {
	float: left;
	width: 50%;
}

.labels-box {
	width: 250px;
	margin: 10px auto;
}

.cards.labels-dropable li {
	float: none;
	margin: 10px auto;
}

.quizsection {
	padding: 2em 0 0 0;
	background: #f6f6f6;
}

.quizsection h1 {
	border-bottom: 3px solid #ECECEC;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.quizsection .labelling-picture img {
	max-width: 700px;
}

.multiple {
	max-width: 700px;
	margin: 3em auto;
}

.completed-quiz .multiple {
	margin: 0;
	max-width: auto;
	padding: 2em;
}

.quiz-list {
	list-style-type: upper-alpha;
	padding: 0 0 0 40px;
	font: 2em 'bebas_neueregular', sans-serif;
}

.quiz-list .btn-dropable {
	margin: 5px;
}

.quiz-list p {
	margin: 0 15px;
	display: inline;
}

.quiz-list li {
	margin: 0.5em 0;
}

.quiz-list li .btn-dropable + p > img {
	width: 200px;
	height: auto;
	vertical-align: top;
}

.btn-dropable {
	width: 250px;
	padding: 10px;
	float: none;
	display: inline-block;
}

.cards {
	padding: 0.5em 0;
	font: 2em 'bebas_neueregular', sans-serif;
}

.cards li {
	float: left;
	margin: 5px;
	position: relative;
}

.cards li.hovered span {
	color: #e3e3e3;
	background: #e3e3e3;
}

.cards li img {
	width: 100%;
	margin-bottom: 0.1em;
}

.cards3inrow {
	padding: 30px 160px;
	font-size: 5em;
}

.cards3inrow li {
	float: left;
	width: 31%;
	margin: 10px 1.1%;
	position: relative;
	color: #e3e3e3;
	text-align: center;
}

.cards3inrow li img {
	width: 100%;
	vertical-align: bottom;
}

.cards3inrow p, .cards3inrow .imgtext {
	position: absolute;
	z-index: 2;
	top: 38%;
	width: 100%;
	font: 50px 'bebas_neueregular', sans-serif;
}

.truefalse-wrap {
	color: black;
	margin: 2em auto;
	text-align: center;
}

.truefalse-wrap li {
	margin: 10px;
	width: 250px;
	text-align: center;
	font: 50px 'bebas_neueregular', sans-serif;
	display: inline-block;
}

.truefalse-wrap label {
	width: 100%;
	float: left;
	padding: 15px;
	border: 10px solid white;
	cursor: pointer;
}

.truefalse-wrap label.selected {
	border: 10px solid #45a2cf;
}

.truefalse-wrap input {
	display: none;
}

.truefalse-wrap .imgtext {
	color: black;
}

.orderlist {
	list-style: decimal;
}

.orderlist li {
	clear: left;
	margin: 10px 0;
	float: left;
}

.cards-images .imgtext {
	color: white;
}

.cards-images .imgtext.correct {
	height: 96%;
	background: rgba(76, 145, 49, 0.7);
	top: 0;
	padding: 30% 0;
}

.cards-images label {
	float: left;
	clear: left;
	width: 100%;
	border: 10px solid white;
	cursor: pointer;
}

.cards-images label.selected {
	border: 10px solid #45a2cf;
}

.cards-images label > input {
	display: none;
}

.cards-text {
	font-size: 2em;
	font-family: 'bebas_neueregular', sans-serif;
	margin-top: 0.5em;
}

.cards-text label {
	padding: 5px 10px;
	margin: 5px 0;
	display: inline-block;
	border: 2px solid transparent;
}

label.selected {
	border: 2px solid #45a2cf;
	background: #eee;
	color: #000;
}

.cards-text__input {
	vertical-align: middle;
	padding: 5px;
	border: 2px solid transparent;
	display: inline;
}

.card-content {
	display: inline;
}

.cardpile li, .btn-dropable .answer,
.wordcard {
	float: left;
	padding: 0.5em;
	width: 250px;
	margin: 5px .3%;
	background: #45a2cf;
	border: 2px solid #45a2cf;
	text-align: center;
	font-size: 1.7rem;
	line-height: 1em;
	font-family: 'bebas_neueregular';
	color: white;
	cursor: move;
	vertical-align: bottom;
	word-wrap: break-word;
	list-style: none;
}

.cardpile li,
.wordcard {
	margin: 10px auto;
	float: none;
}

.btn-dropable .answer {
	float: none;
	cursor: auto;
	margin: 0;
	display: inline-block;
	width: 236px;
	padding: 10px 0;
}

.completed-quiz .btn-dropable {
	padding: 3px;
}

.drag-section {
	padding: 2em 0;
	text-align: center;
	background: white;
}

.drag-section h4 {
	margin: 1em 0;
}

.completed-quiz .box-answers {
	display: none;
}

.completed-quiz .box-questions {
	width: 100%;
}

/*** vocabulary section ***/
.section-vocabulary {
	margin: 2em 0;
}

.section-vocabulary h4 {
	display: inline-block;
}

.section-vocabulary a {
	color: grey;
	text-decoration: none;
}

.section-vocabulary span {
	font-size: 1.4em;
	color: grey;
	margin: 0.5em;
}

.play:hover span, .play:focus {
	color: #555;
}

.play:active span {
	color: #45a2cf;
}

.vocabulary-def {
	clear: both;
}

.search-wrap {
	margin: 1em 0 2em 0;
}

.search-box {
	padding: 0.5em;
	border: 1px solid #ddd;
	font-size: 1.4em;
	width: calc(100% - 56px);
	height: 47px;
	vertical-align: middle;
}

.search-box:focus::-webkit-input-placeholder {
	color: transparent;
}

.search-btn {
	position: relative;
	padding: 0.4em 0.2em;
	background: #45a2cf;
	color: white;
	border: 1px solid #45a2cf;
	font-size: 1.6em;
	width: 56px;
	height: 47px;
	margin-left: -5px;
	vertical-align: middle;
}

.has-validation-callback {
	max-width: 500px;
}

.lettersearch {
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}

.letterlist li {
	font: 2em 'bebas_neueregular', sans-serif;
	display: inline-block;
	width: 3.5%;
}

.letterlist a {
	text-decoration: none;
	display: block;
	color: black;
	padding: 5px 33%;
}

.letterlist a:hover, .letterlist a:focus {
	color: #45a2cf;
}

.letterlist li.current a {
	color: #45a2cf;
	border-bottom: 3px solid #45a2cf;
}

/**** tabs ******/
.tab-content {
	display: none;
}

.tabs :first-child.tab-content {
	display: block;
}

/*** !tooltip ****/
#tooltip {
	background: #eee;
	color: #111;
	border: 1px solid #ccc;
	position: absolute;
	z-index: 999999;
	padding: 15px;
	line-height: 1.3em;
}

#tooltip:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ccc;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}

#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #ccc;
	top: -20px;
	bottom: auto;
}

#tooltip.left:after {
	left: 10px;
	margin: 0;
}

#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}

.badge {
	display: block;
}

.badge-wrapper {
	margin-top: 8px;
}

.badge-wrapper .badge {
	margin-top: 20px;
}

.badge-message.centered {
	font-size: 20px;
	font-family: 'bebas_neueregular';
}

/*** !tabs ***/
.pagetabs {
	overflow: hidden;
	margin: 1em 0;
	font: 1.4em 'bebas_neueregular', sans-serif;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

.pagetabs a {
	text-decoration: none;
	padding: 5px 10px;
	border-bottom: 3px solid #fff;
}

.pagetabs a:hover, .pagetabs a:focus {
	color: #2e88b3;
}

.pagetabs li {
	float: left;
}

.pagetabs li.current a, .pagetabs li.current a:hover {
	border-bottom: 3px solid #45a2cf;
}

.next-prev {
	margin-top: 3em;
}

.next-prev p {
	text-align: center;
	font: 1em 'AsapRegular', sans-serif;
	clear: both;
}

.next-prev a {
	font: 2em 'bebas_neueregular', sans-serif;
	text-decoration: none;
	vertical-align: bottom;
}

.f-right {
	float: right;
}

.meter {
	height: 20px;
	/* Can be anything */
	position: relative;
	background: #ccc;
	margin: 1em 2em;
}

.meter > span {
	display: block;
	height: 100%;
	background-color: #45a2cf;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 1070px) {
	.percentage {
		font-size: 7em;
	}

	.progress-box-left {
		padding: 1em;
	}

	.reasons li {
		padding: 0 0.5em;
	}
}

@media screen and (max-width: 950px) {
	.topbanner .homebanner {
		top: 0px;
	}

	.topbar .container {
		padding: 35px 0 71px 0;
	}

	.lesson-perc .btn-lesson, .lesson-perc .btn-takequiz {
		margin-right: 1em;
	}

	.curriculum-link-linkable {
		width: 100%;
	}
}

@media screen and (max-width: 770px) {
	.percentage {
		font-size: 5em;
	}

	.btn-quit {
		width: 100%;
		text-align: center;
		font-size: 1.7em;
	}

	.btn-retake {
		position: static;
	}

	.sitename {
		margin: 0;
	}

	.truefalse-wrap {
		width: 100%;
	}

	.topbanner h1 {
		font-size: 3em;
		margin: 0;
	}
}

@media screen and (max-width: 494px) {
	.half-section, .box-answers, .box-questions, .halfbox, .reasons li, .box-.reasons li, .about-section li,
	.dashboard-left, .dashboard-right, .score-desc, .progress-wrap,
	.profile-wrap, .middlesection, .buttonsection,
	.cards li, .drag-section li, .course-img li,
	.cards3inrow li, .cards2inrow li, .pagination-links ol, .pagetabs li,
	.quiz-half, .lesson-perc, .lesson-description {
		width: 100%;
		display: block;
	}

	.cards3inrow {
		padding: 0px;
	}

	.cards3inrow li {
		margin: 0;
	}

	.pagetabs a {
		padding: 0;
	}

	[class^="btn-"] {
		font-size: 22px;
	}

	.btn-continue {
		margin: 1em auto;
	}

	.cards li, .drag-section li {
		margin: 0.5em 0;
		font-size: 22px;
	}

	.topbanner h1 {
		font-size: 5em;
	}

	.topbanner img {
		height: 100%;
		width: auto;
	}

	.topbanner-text {
		padding: 70px 40px;
	}

	.letterlist li {
		width: 10%;
	}

	.padding, .continue, .lesson, .results-breakdown, .check-wrapper, .half-section, .reasons, .intro, .dashboard-main, .progressbar {
		padding: 1em;
	}

	.progress-box-left .btn-lesson, .progress-box-left .btn-takequiz {
		width: 100%;
		text-align: center;
	}

	.progress-box-left .btn-green {
		margin: 0 0 2em 0;
	}

	.lesson-progress {
		font-size: 4em;
	}

	h2 {
		font-size: 2.3em;
	}

	.lesson p {
		line-height: 1.1em;
		margin-top: 0.5em;
		margin-bottom: 2em;
	}

	.lesson-perc {
		padding-right: 10px;
	}

	.results-breakdown h4,
	.quizsection h2 {
		margin: 0;
	}

	.progress-wrap .progress-boxes {
		float: left;
	}

	.score-desc {
		margin: 1em 0;
	}

	.middlesection {
		padding: 0;
	}

	.main-nav {
		margin: 0;
	}

	.main-nav li {
		width: 100%;
		clear: both;
		text-align: center;
	}

	footer {
		padding: 0 1em;
	}

	.footer-wrap {
		padding: 10px 0 50px 0;
	}

	#site-logo {
		left: -20px;
	}

	#primary-nav ul#menu-primary-navigation {
		margin-bottom: 40px;
	}

	#primary-nav ul {
		margin: 0;
	}

	#primary-nav ul li {
		display: block;
	}

	#mobile-nav ul {
		display: inline-block;
		padding-top: 8px;
	}

	#mobile-nav ul li {
		width: auto;
		clear: none;
		float: left;
	}

	#mobile-nav #mobile-menu {
		display: block;
		margin: 0 20px 0 10px;
	}

	#mobile-nav #mobile-menu a {
		margin: 0;
	}

	.section-login {
		position: relative;
		margin: 2em auto;
		float: none;
		text-align: center;
		top: auto;
		right: auto;
	}

	.btn-login {
		margin: 0 2em;
		float: none;
	}

	.intro {
		width: 100%;
	}

	.course-img li img {
		max-width: 100%;
	}

	.multiple {
		margin: 3em 2em;
	}

	.btn-createclass {
		margin: 1.5em 0;
		width: 100%;
		text-align: center;
	}

	.dashboard-mobile-profile,
	.progress-box-left.facts {
		background: #282728;
		color: #fff;
	}

	.dashboard-mobile-profile {
		padding-top: 1em;
	}

	.container2 {
		display: block;
	}

	.top-image {
		width: 100%;
	}

	.percentage {
		width: 45%;
	}

	.dash-pic {
		margin: 1em;
	}

	.btn-lesson.dashboard-lesson, .dashboard-lesson.btn-takequiz {
		margin: 8px auto;
		width: 55%;
		float: right;
	}

	.pagetitle.dashboard-title {
		font-size: 3.5rem;
		margin: 10px 0 25px 0;
	}

	.popBox-content {
		width: 100%;
	}
}

@media all and (max-width: 480px) {
	#footer .pad {
		padding: 0;
	}

	#footer-logo {
		bottom: -45px;
	}

	#footer-nav {
		margin: 40px 0 0 0;
	}

	#footer-nav li {
		margin-bottom: 10px;
		float: left;
	}
}

@media (min-width: 481px) {
	#primary-nav ul li ul {
		display: none;
	}
}

@media all and (max-width: 997px) {

	body { /* border:2px solid red; */
	}

	.container {
		margin: 0 20px;
	}

	#header .container {
		padding: 15px 0 60px 0;
	}

	#site-title {
		margin: 0;
		text-align: center;
	}

	#site-tagline {
		text-align: center;
		margin: 5px 0 10px 0;
	}

	#primary-nav ul {
		margin: 0;
		padding: 20px 0 0 0;
	}

	#footer .container {
		margin: 0 20px;
	}
}

@media all and (max-width: 768px) {

	#site-title {
		margin: 0;
	}

	#site-tagline {
		margin: 5px 0;
	}
}

@media all and (max-width: 480px) {

	#site-title {
		font-size: 1.6em;
		margin: 0 0 3px 0;
	}

	#site-title span {
		display: block;
	}

	#site-tagline {
		font-size: 0.75em;
		margin: 5px 0 8px 0;
	}
}

@media all and (max-width: 400px) {
	#mobile-nav ul {
		padding-top: 20px;
	}
}

.select-style {
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
	width: 150px;
	overflow: hidden;
	background-color: #fff;
	background: white url("../../img/arrowdown.gif") no-repeat 90% 50%;
	height: 47px;
	line-height: 47px;
}

.select-style select {
	padding: 5px 8px;
	width: 130%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-style select:focus {
	outline: none;
}

.page-template-page-user-profile #wpua-preview img, .page-template-page-user-profile #wpua-thumbnail img, .page-template-page-user-profile #wpua-preview-existing img, .page-template-page-user-profile #wpua-thumbnail-existing img {
	max-height: initial;
	max-width: 260px;
}

.page-template-page-user-profile #wpua-thumbnail-existing {
	display: none;
}

.page-template-page-user-profile #wpua-preview-existing .description {
	display: none;
}

.page-template-page-user-profile #wpua-preview-existing {
	float: left;
}

.page-template-page-user-profile .user-image {
	margin: 0em;
}

.page-template-page-user-profile .wpua-edit .submit {
	float: left;
	width: 100%;
}

.page-template-page-user-profile #wpua-remove-button-existing {
	float: left;
	width: 100%;
	margin: 6px 0;
}

.page-template-page-user-profile #wpua-undo-button-existing {
	display: none;
	float: left;
	width: 100%;
	margin: 6px 0;
}

.page-template-page-user-profile #wpua-add-button-existing {
	float: left;
	width: 100%;
	margin: 6px 0;
}

.page-template-page-user-profile .btn-sidebar {
	font-family: Arial;
	font-weight: bold;
	font-size: 1em;
	margin: 2px;
}

.course-section ul {
	margin-left: 40px;
}

.course-section ul li {
	list-style-type: initial;
}

.course-section ol {
	margin-left: 40px;
}

.course-section ol li {
	list-style-type: decimal;
}

.course-section table {
	border: 1px solid #ccc;
	text-align: left;
}

.course-section table thead {
	background: #18a4ca;
	color: #FFF;
}

.course-section table thead th {
	font-weight: bold;
}

.course-section table th {
	border: 1px solid #ccc;
}

.course-section table td {
	border: 1px solid #ccc;
}

.course-section table tr {
	border: 1px solid #ccc;
}

.course-section table tr td {
	padding: 5px;
}

.course-section table tr th {
	padding: 5px;
}

.other-checkboxes-field-wrapper .checkboxes-wrapper {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

.other-checkboxes-field-wrapper .checkboxes-wrapper input[type="checkbox"] {
	clear:both;
	float: left;
	margin: 0 8px 0 32px;
	min-height:25px;
}

.other-checkboxes-field-wrapper .checkboxes-wrapper label {
	min-height:25px;
	padding: 4px 0 0 1.55em;
	margin: 0 3px 0 3px;
}

.other-checkboxes-field-wrapper .checkboxes-wrapper-double-column {
	-webkit-column-count: 1;
	/* Chrome, Safari, Opera */
	-moz-column-count: 1;
	/* Firefox */
	column-count: 1;
}

label.error {
	color: red;
}

.quiz.login-popup {
	z-index: 10020;
	position: fixed;
	top: 15%;
	left: 50%;
	margin-left: -20%;
	min-height: 500px;
	height: 50%;
	width: 40%;
	background: #e3e3e3;
	text-align: center;
}

.quiz.login-popup:before, .quiz.login-popup:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#quiz-loginform {
	display: inline-block;
	vertical-align: middle;
	width: 95%;
}

#quiz-loginform h5 {
	margin-bottom: 10px;
}

#quiz-loginform h5.last {
	margin: 0px;
}

.login-overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10019;
	background-color: rgba(0, 0, 0, 0.5);
}
.login-spacer {
	position: static;
	min-height: 500px;
	height: 50%;
	width: 40%;
}
#top-banner {
	padding: 0px 226px 0px 117px;
}

#top-banner .container {
	padding: 0px;
}

#top-banner .container ul li {
	float: left;
	width: 25%;
	text-align: center;
}

#top-banner .container ul li a {
	display: block;
	padding: 17px 0px;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}

#top-banner .container ul li a:hover, #top-banner .container ul li a:active {
	text-decoration: underline;
}

#top-banner .container ul:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
}

@media screen and (max-width: 720px) {
	#top-banner {
		display: none;
	}
}

#mobile-top-banner {
	display: none;
	background: black;
	margin: 5px 0;
}

#mobile-top-banner ul li a {
	color: white;
}

/**
 * FancyBox
 */
.fancybox-skin {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-wrap {
	border: 1px solid #666;
	padding: 1px;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url("../../../assets/img/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("../../../assets/img/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url("../../../assets/img/fancybox/blank.gif");
	/* helps IE */
	-webkit-tap-highlight-color: transparent;
	z-index: 8040;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-prev {
	left: 0;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next {
	right: 0;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("../../../assets/img/fancybox/fancybox_overlay.png");
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
	width: 100%;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	top: 100%;
	/*bottom: 0;*/
	/*right: 50%;*/
	/*margin-bottom: -35px;*/
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	/*margin-right: -100%;*/
	padding: 2px 20px;
	background: transparent;
	/* Fallback for web browsers that doesn't support RGBa */
	/*
	  -webkit-border-radius: 15px;
		 -moz-border-radius: 15px;
			  border-radius: 15px;
	*/
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	/*white-space: nowrap;*/
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}

.section-page figure.alignright {
	float: right;
	margin-right: 8px;
}

.section-page figure.alignleft {
	float: left;
	margin-left: 8px;
}

.section-page figcaption {
	text-align: center;
}

/*# sourceMappingURL=style.css.map */

.progress-box-left {
	max-width: 339px;
}

.progress-box-left.facts a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	display: inline-block;
}

a.btn-primary.btn-sidebar {
	display: block !important;
}

.box-questions, .box-answers {
	float: left;
}

.box-questions {
	width: 70%;
}

.box-answers {
	width: 30%;
}

.drag-section {
	position: static;
}

.cardpile {
	border: 4px dashed #DADADA;
	background: white;
	/*margin:0px 10px 0px 0px !important;*/
	margin: 0 auto !important;
	padding: 0px !important;
	min-height: 150px;
	width: 260px;
}

.fixed-cardpile {
	overflow-x: visible !important;
	overflow-y: auto !important;
}

.fixed-card {
	position: fixed !important;
}

.drag-section {
	padding: 0;
}

.dots li.active-blue span {
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.7em;
	color: white;
	box-sizing: border-box;
	padding: 0.3em 0;
	text-align: center;
	background: #45a2cf;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.dots li.active-blue:hover span, .dots li.active-blue.current span {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}

.mark-incorrect {
	outline: 4px solid red !important;
}

.take-more-quizzes {
	clear: right;
	float: right;
	margin: 0.3em 0em;
	background: #fe1200;
	color:#fff;
	padding: 0.4em 0.3em;
}

figure.thumbnail.alignright,
img.alignright,
a img.alignright {
	float: right !important;
	margin: 0 0 0.5em 0.5em !important;
}

figure.thumbnail.alignleft,
img.alignleft,
a img.alignleft {
	float: left !important;
	margin: 0 0.5em 0.5em 0 !important;
}

figure.thumbnail.aligncenter,
img.aligncenter,
a img.aligncenter {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.take-more-quizzes {
	width: 8em;
}

.back-to-results {
	width: 8em;
	clear: right;
	float: right;
	margin: 0.3em 0em;
	background: #fe1200;
	padding: 0.4em 0.3em;
}

.submit-warning {
	color: black;
}

.btn-my-dashboard {
	font-weight: normal !important;
}

.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	display:flex !important;
}