.mobile_only {
	display: none;
}
.doc {
	border-right: 1px solid #e1dfda;
}
* {
	font-family: 'CenturyGothic';
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	/*letter-spacing: 1px;*/
	border: 0px;
	border-spacing: 0px;
	background-repeat: no-repeat;
	border-radius: 0px;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border-radius: 0;
	border-collapse: collapse;
	webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
input[type="radio"] {
	-webkit-appearance: radio;
}
body, html {
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #253ecc;
	font-weight: normal;
	font-family: 'CenturyGothic-Bold';
}
h1 {
	font-size: 27px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 24px;
	font-family: 'CenturyGothic';
}
h4 {
	font-size: 20px;
	font-family: 'CenturyGothic';
}
h5 {
	font-size: 18px;
	font-family: 'CenturyGothic';
}
h6 {
	font-size: 16px;
	font-family: 'CenturyGothic';
}
strong, b {
	font-family: 'CenturyGothic-Bold';
	font-weight: normal;
}
.center {
	text-align: center;
	vertical-align: middle !important;
}
input[type=button], input[type=submit].button {
	padding: 5px !important;
	background-color: #a3a2a3 !important;
	color: #FFF !important;
	margin: 2px 0px !important;
}
input.submit_tick {
	color: transparent;
	background-image: url(/templates/web/img/tick.png);
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 22px;
}
#lightbox {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100;
	display: none;
}
#lightbox>div.content {
	position: relative;
	min-width: 100px;
	min-height: 100px;
	padding: 20px;
	background-color: #FFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
	width: 760px;
	margin: 100px auto;
	max-width: calc(100% - 80px);
}
#lightbox>div.content ul {
	margin-left: 18px;
	list-style: none;
}
#lightbox>div.content ul li::before {
	position: absolute;
	display: block;
	content: '-';
	margin-left: -16px;
	color: #253ecc;
}
#lightbox>div.content h3 {
	margin-top: 20px;
}
.level_description ul li {
	list-style: none;
}
#loginNav {
	position: absolute;
	right: 0px;
}
.point {
	height: 4px;
	vertical-align: middle;
	margin-left: 5px;
}
.subnavigation .point {
	margin-right: 5px;
}
#rootLevel {
	list-style: none;
	padding: 5px 0px;
	cursor: pointer;
}
#rootLevel img {
	width: 14px;
}
.selectedSub, .active>a {
	color: #253ecc;
}
.del {
	position: absolute;
	right: 0px;
	height: 100%;
	width: 28px;
	top: 0px;
	padding: 0px;
	padding-right: 0px !important;
	background-image: url(/templates/web/img/drive_del.png);
	background-position: center center;
	background-repeat: no-repeat;
}
header>div:last-of-type div#contact p a {
	color: #FFF;
}
.driveFolder.active, li.file_select.active {
	background-color: #dedede;
}
.button.button_disabled {
	background-color: #dedede !important;
	color: #000 !important;
}
.padder {
	display: none;
}
#wrapper {
	position: relative;
}
.margin {
	margin-bottom: 40px;
}
#liLogin.selectedPoint {
	background-image: url(/templates/web/img/login_white.png) !important;
}
#liMembership.selectedPoint {
	background-image: url(/templates/web/img/membership_white.jpg) !important;
}
#liContact.selectedPoint {
	background-image: url(/templates/web/img/contact_white.jpg) !important;
}
main article table {
	margin-bottom: 20px;
}
main article table tr td {
	padding: 5px 0px;
	padding-right: 20px;
	vertical-align: top;
}
main article table tr:last-of-type td {
	border-bottom: 0px;
}
main>section table.table td.row.icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
	padding: 3px 5px;
}
a {
	color: #000;
}
body {
	overflow-x: hidden;
}
#blockLoader {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #FFF;
	top: 0px;
	left: 0px;
	z-index: 1000;
}
#navMobile, #navMobileImg {
	display: none;
}
header {
	width: 100%;
}
header>div:first-of-type {
	height: 20px;
}
header div:first-of-type nav {
	position: relative;
	width: 960px;
	margin: 0px auto;
}
header div:first-of-type nav ul {
	position: absolute;
	right: 0px;
	margin-top: 6px;
}
header div:first-of-type nav ul li {
	display: inline-block;
}
header div:first-of-type nav ul li a {
	color: #A8A39F;
	text-decoration: none;
	padding-left: 10px;
	text-transform: uppercase;
	font-family: 'CenturyGothic-Bold';
	font-size: 11px;
}
header>nav>div>div>div>div>a {
	text-transform: capitalize;
}
header>div:nth-child(2) {
	border-bottom: 1px solid #C9C7C4;
	height: 111px !important;
	padding-bottom: 43px;
}
header div:nth-child(2) nav {
	display: block;
	width: 960px;
	margin: 0px auto;
	height: 112px;
	position: relative;
}
header div:nth-child(2) nav img {
	display: inline;
	width: 160px;
	/*margin-left: 47px;*/
	margin-top: 3px;
}
header div:nth-child(2) nav>ul {
	width: 800px;
	display: inline;
	position: absolute;
	right: -20px;
	top: 66%;
	height: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10
}
header div:nth-child(2) nav>ul>li {
	display: inline-block;
	padding: 38px 25px;
	text-align: center;
	position: relative;
	width: auto !important;
	padding-top: 50px;
	padding-bottom: 0px;
}
header div:nth-child(2) nav>ul>li img.arrowNav {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 5;
	height: 13px;
	width: auto;
	left: 50%;
	bottom: calc(5px - 38px);
	display: none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
header div:nth-child(2) nav>ul>li a {
	text-decoration: none;
	font-size: 24px;
	color: #333;
}
header div:nth-child(2) nav>ul>li:hover a {
	color: #253ecc;
}
header div:nth-child(2) nav>ul>li.active a {
	color: #253ecc;
}
header div:nth-child(2) nav>ul>li>ul {
	display: none;
	top: 70px;
}
header div:nth-child(2) nav>ul:hover>li>ul {
	display: block;
	position: absolute;
	;
}
header div:nth-child(2) nav>ul>li>ul>li {
	display: block;
	font-family: 'CenturyGothic';
}
header>div:last-of-type {
	height: 450px;
	position: relative;
}
header>div.smallBg {
	height: 300px;
}
header>div:last-of-type>div#background {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow-y: hidden;
	top: 0px;
}
header>div:last-of-type>div#background>div {
	background-size: cover;
	background-position: center;
	position: absolute;
	height: calc(100% + 200px);
	width: 100%;
	top: -200px;
	left: 0px;
	z-index: -1;
}
header>div:last-of-type>form, div#membership form {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 6;
}
header>div:last-of-type>form h1, div#membership form h1 {
	font-size: 30px;
	color: #FFF;
	padding: 20px 0px;
	margin-left: 20px;
}
header>div:last-of-type>form>div, div#membership form>div {
	background-color: #f5f4f1;
	width: calc(50% - 50px);
	height: 350px;
	float: left;
	padding: 35px 0px;
	padding-top: 17px;
	margin: 0px 25px;
}
header>div:last-of-type>form>div:last-of-type, div#membership form>div:last-of-type, header>div:last-of-type>form>div.mandatory, div#membership form>div.mandatory {
	height: 100px;
	background-color: rgba(0, 0, 0, 0);
	width: calc(50% - 50px);
	/*margin-left: calc(50% + 25px)*/
	margin-left: 0px;
}
header>div:last-of-type>form>div.mandatory, div#membership form>div.mandatory {
	margin-left: 50px;
	color: #FFF;
}
header>div:last-of-type>form>div:last-of-type input[type='submit'], div#membership form input[type=submit] {
	background-color: #cc0001;
	color: #FFF;
	height: 35px;
	width: 80px;
	position: relative;
	top: -5px;
	left: 9px;
	background-image: url("/templates/web/img/mini_arrow_white.png");
	background-position: 67px center;
	background-size: 5px;
	text-align: left;
	padding-left: 7px;
}
header>div:last-of-type>form>div:last-of-type>div>div>input[type='checkbox'], div#membership form>div:last-of-type>div>div>input[type='checkbox'] {
	display: none;
}
header>div:last-of-type>form>div:last-of-type>div>div, div#membership form>div:last-of-type>div>div {
	height: 30px;
	width: 30px;
	display: inline-block;
	margin-right: 10px;
	background-image: url('/templates/web/img/unchecked.jpg');
	background-position: center;
	background-size: cover;
}
header>div:last-of-type>form>div>div:last-of-type>p, div#membership form>div>div:last-of-type>p {
	display: inline-block;
	color: #FFF;
	font-size: 12px;
}
/*header > div:last-of-type > form > div:last-of-type > p, header > div:last-of-type > div > div#membership form p{
				font-size: 14px;
			}*/

header>div:last-of-type>form>div:last-of-type>div, div#membership form>div:last-of-type>div {
	display: inline-block;
}
header>div:last-of-type>form>div>table, div#membership form>div>table {
	height: 100%;
	width: 100%;
}
header>div:last-of-type>form>div>table tr td, div#membership form>div>table tr td {
	width: 50%;
}
header>div:last-of-type>form>div>table tr td:first-of-type, div#membership form>div>table tr td:first-of-type {
	padding-left: 20px;
	vertical-align: top;
	padding-top: 13px;
}
header>div:last-of-type>form>div>table tr td input, div#membership form>div>table tr td input, header>div:last-of-type>form>div>table tr td textarea, div#membership form>div>table tr td textarea {
	margin: 0px;
	padding: 0px;
	border: 1px solid #d4d1cf !important;
	padding: 0px 5px;
	height: 35px;
	width: 85%;
	border: 0px;
	/*margin: 10px 0px;*/
}
header>div:last-of-type>form>div>table tr td textarea, div#membership form>div>table tr td textarea {
	width: calc(85% + 10px);
	resize: none;
	border: 0px;
	height: 80px;
}
header>div:last-of-type>form>div>table tr td select, div#membership form>div>table tr td select {
	width: calc(85% + 10px);
	height: 35px;
	background-image: url("/templates/web/img/select_img.png");
	background-size: 15px;
	background-position: calc(100% - 5px);
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
header>div:last-of-type>div {
	width: 960px;
	margin: 0px auto;
	top: -45px;
	position: relative;
}
header>div:last-of-type>div ul li {
	background-color: #f5f4f1;
	float: left;
	list-style-type: none;
	width: 188px;
	height: 43px;
	border: 1px solid #e1dfda;
	/*border-bottom-color: #6f6660;*/
	border-bottom: 0px;
	position: relative;
	background-position: calc(100% - 10px) center;
	background-position-x: 160px;
	background-position-y: 12px;
	background-size: 15px;
	border-right: 0px;
	z-index: 6;
}
header>div:last-of-type>div ul li:last-of-type {
	border-right: 1px solid #d6d3cc;
}
header>div:last-of-type>div ul li:hover {
	background-color: #edece8;
}
header>div:last-of-type>div ul li.selectedPoint {
	background-color: #6f6660;
	border: 1px solid #6f6660;
}
header>div:last-of-type>div ul li.selectedPoint p {
	color: rgb(245, 244, 241);
}
header>div:last-of-type>div ul li p {
	padding-left: 20px;
	padding-top: 12px;
	color: #5C5551;
	font-size: 12px;
	cursor: pointer;
}
header>div:last-of-type>div ul li img {
	height: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
header>div:last-of-type>div:not(#background)>div {
	display: none;
	position: relative;
	z-index: 6;
}
header>div:last-of-type div#membership, header>div:last-of-type div#contact {
	background-color: #6f6660;
	/*-webkit-box-shadow: 0px 2px 3px 0px rgb(111, 111, 111);
			-moz-box-shadow: 0px 2px 3px 0px rgb(111, 111, 111);
			box-shadow: 0px 2px 3px 0px rgb(111, 111, 111);*/
	background-image: linear-gradient(to bottom, #6f6660 10%, #5a534f 100%);
	box-shadow: 0 2px 2px rgba(51, 51, 51, 0.3);
}
header>div:last-of-type div#contact {
	padding: 20px;
}
header>div:last-of-type div#contact p {
	color: #FFF;
	padding: 0px;
}
header>div:last-of-type div#contact h1 {
	color: #FFF;
	font-size: 30px;
	margin-bottom: 20px;
}
header>div:last-of-type div#login {
	/*width: 1022px;*/
	background-color: #6f6660;
	height: 90px;
	padding-top: 20px;
	/*-webkit-box-shadow: 0 2px 2px rgba(51, 51, 51, 0.3);
			-moz-box-shadow: 0 2px 2px rgba(51, 51, 51, 0.3);
			box-shadow: 0 2px 2px rgba(51, 51, 51, 0.3);*/
	background-image: linear-gradient(to bottom, #6f6660 10%, #5a534f 100%);
	box-shadow: 0 2px 2px rgba(51, 51, 51, 0.3);
}
header>div:last-of-type div#login form {}
header>div:last-of-type div#login form input[type='input'], header>div:last-of-type div#login form input[type='password'] {
	height: 36px;
	margin: 0px 20px;
	padding-left: 10px;
	width: 380px;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	font-size: 12px;
}
header>div:last-of-type div#login form input[type='input'] {
	margin-right: 0px;
}
header>div:last-of-type div#login form input[type='submit'] {
	width: 100px;
	height: 38px;
	background-color: #253ecc;
	color: #FFF;
	-moz-box-shadow: inset 0px -3px 0px #47423f;
	-webkit-box-shadow: inset 0px -3px 0px #47423f;
	box-shadow: inset 0px -3px 0px #47423f;
	border-radius: 3px;
}
header>div:last-of-type div#login form input[type='submit']:hover {
	background-color: #a21502;
}
header>div:last-of-type>div>div#login>div {
	padding-left: 20px;
	margin-top: 16px;
}
header>div:last-of-type div#login a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	padding-right: 30px;
}
/*header > div:last-of-type > div > div#membership{
			margin-top: 30px;
		}*/

header>nav {
	position: absolute;
	top: 130px;
	border-top: 1px solid #C9C7C4;
	width: 100%;
	background-color: #f5f4f1;
	height: 250px;
	display: none;
	z-index: 9;
}
header>nav>div {
	width: 960px;
	margin: 0px auto;
	height: 100%;
	display: none;
}
header>nav>div>div:not(.space) {
	max-width: 195px;
	height: 100%;
	float: left;
}
header>nav>div>div:first-of-type {
	width: 245px;
	float: left;
	height: 100%;
}
header>nav>div>div.space>div {
	height: auto;
	width: 80%;
	display: block;
	padding-top: 20px;
}
header>nav>div>div.space>div h2 {
	font-size: 18px;
	font-family: "CenturyGothic-Bold";
	font-weight: normal;
	padding-bottom: 50px;
}
header>nav>div>div.space>div p {
	color: rgb(111, 102, 96);
	padding-bottom: 30px;
}
header>nav>div>div.space>div a {
	text-decoration: none;
}
header>nav>div>div.space>div a>div {
	width: 120px;
	background-color: #253ecc;
	border-radius: 3px;
	text-align: center;
	padding: 10px 0px;
	text-decoration: none;
	color: #FFF;
}
header>nav>div>div:last-of-type {
	/*width: 800px;*/
	/*height: 100%;
			display: inline-block;
			vertical-align: top;*/
}
header>nav>div>div>div * {
	border-collapse: collapse;
}
header>nav>div>div>div {
	/*min-height: 100px;*/
	height: 100%;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
header>nav>div>div:not(.space)>div:hover {
	background-color: #EAE7E5 !important;
}
header>nav>div>div>div>div {
	/*background: #F00;*/
	height: 150px;
	position: relative;
	background-size: auto 65px;
	background-position: center 21px;
	/*border-left: 1px solid #d6d3cc;
					border-right: 1px solid #d6d3cc;*/
	/*border-left: 1px solid #000;
					border-image: url("/templates/web/img/border.png") 30 round;
					-webkit-border-image: url(border.png) 30 round;
					-o-border-image: url(border.png) 30 round;*/
}
header>nav>div>div>div>div>div {
	width: 1px;
	height: 100px;
	position: absolute;
	background-image: url("/templates/web/img/border.png");
}
header>nav>div>div>div>div>a {
	text-decoration: none;
	position: absolute;
	bottom: 25px;
	left: 10px;
	font-family: 'CenturyGothic-Bold';
	color: #333;
}
header>nav>div>div>div>ul {
	width: 100%;
	/*border-left: 1px solid #d6d3cc;
					border-right: 1px solid #d6d3cc;*/
}
header>nav>div>div>div>ul li {
	list-style-type: none;
	border-top: 1px solid #C9C7C4;
	width: calc(100% - 20px);
	margin: 0px auto;
	padding: 3px 10px;
	position: relative;
	cursor: pointer;
}
header>nav>div>div>div>ul li:hover {
	background-color: #F2F1EC !important;
}
header>nav>div>div>div>ul li img.img {
	position: absolute;
	right: 3px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
header>nav>div>div>div>ul li:last-of-type {
	border-bottom: 1px solid #C9C7C4;
}
header>nav>div>div>div>ul li a {
	text-decoration: none;
	font-family: 'CenturyGothic';
	color: #88817C;
}
#lightbox .content #lesson_form td {
	padding: 10px;
	border: 1px solid #dedede;
}
#lightbox .content #lesson_form td.radio {
	text-align: center;
}
#lightbox .content #lesson_form textarea {
	width: calc(100% - 20px);
	padding: 10px;
	height: 100px;
	resize: none;
}
#lightbox .content #lesson_form textarea.bigta {
	height: 200px;
}
#lightbox .content #lesson_form input[type=submit] {
	padding: 5px !important;
	background-color: #a3a2a3 !important;
	color: #FFF !important;
	margin: 2px 0px !important;
}
#lightbox .content .close_lightbox {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	background-color: #a3a2a3;
	color: #FFF;
	font-family: 'consolas';
	cursor: pointer;
	transition: .2s ease-out;
}
#lightbox .content .close_lightbox:hover {
	background-color: #253ecc;
}
#lightbox .content .title p {
	margin-bottom: 10px;
}
.content h1.form_title {
	font-size: 32px;
	font-family: 'CenturyGothic-Bold';
}
.content h2.form_title {
	font-size: 32px;
	font-family: 'CenturyGothic';
}
#lightbox .content table.goals tr:nth-of-type(even) td {
	background-color: #eee;
}
#lightbox .content table.goals tr.no_bg td {
	background-color: transparent;
	border: 0px !important;
	padding: 10px 0px !important;
	vertical-align: top;
}
table.goals {
	width: 100%;
}
table.goals tr td:first-of-type {
	max-width: 300px;
}
section.lessons {
	padding-top: 10px;
	position: relative;
}
section.lessons article {
	margin-bottom: 1px;
	margin-top: 0px;
}
section.lessons article h2 {
	position: relative;
	margin: 0px;
	cursor: pointer;
	font-size: 23px;
	padding: 5px 15px !important;
	background-color: #EEE;
	transition: .2s ease-out;
}
section.lessons article h2:hover {
	background-color: #e6e6e6;
}
section.lessons article p {
	margin: 0px !important;
}
section.lessons div.progressbar {
	position: absolute;
	right: 5px;
	top: 0px;
	background-color: #ccc;
	width: 200px;
	height: 26px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 15px;
}
section.lessons div.accordeon span.level_description {
	cursor: initial;
}
section.lessons div.accordeon span.level_description h1 {
	font-family: 'CenturyGothic';
}
section.lessons div.accordeon span.level_description h2 {
	background-color: transparent;
	cursor: default;
	font-size: 26px;
	padding: 0px 0px 5px 0px !important;
}
section.lessons div.accordeon span.level_description h3, section.lessons div.accordeon span.level_description h4, section.lessons div.accordeon span.level_description h5, section.lessons div.accordeon span.level_description h6 {
	margin: 6px 0px 3px 0px;
}
section.lessons div.accordeon span.level_description ul {
	list-style-type: disc;
}
section.lessons div.accordeon span.level_description li {
	margin: 2px 0px;
}
table.goals input[name=go] {
	border: 1px solid #999;
	float: right;
	clear: both;
}
table.goals td.rmvc {
	text-align: center;
}
section.lessons div.progressbar div.progress {
	display: inline-block;
	height: 100%;
	text-align: center;
	line-height: 30px;
}
section.lessons div.progressbar div.progress.success {
	background-color: #97d470;
}
section.lessons div.progressbar div.progress.partial {
	background-color: #F90;
}
section.lessons div.progressbar div.progress.failure {
	background-color: #ff5c5c;
}
section.lessons article div.accordeon>span {
	cursor: pointer;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 5px;
	font-size: 12px;
	position: relative;
	padding-left: 13px;
}
section.lessons article div.accordeon>span span {
	float: right;
	margin-right: 10px;
}
main {
	width: 100%;
}
main section .login-content .news_box {
	display: inline-block;
	width: calc(50% - 5px);
	padding: 20px 10px;
	vertical-align: top;
}
main section .login-content>.news_left {
	padding-left: 0px;
}
main section .login-content>.news_right {
	padding-left: 0px;
	padding-right: 0px;
}
main section .login-content .news_box:last-of-type {
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
}
main section .login-content .news_box h3 {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}
main section .login-content div.news_box ul {
	list-style: none;
	padding: 0px;
	margin-top: 10px;
}
main section .login-content div.news_box ul li {
	padding: 5px 5px;
}
main section .login-content div.news_box ul a {
	text-decoration: none;
}
main section .login-content div.news_box ul>a:nth-child(odd) li, main section .login-content div.news_box ul li:nth-child(odd) {
	background-color: #EEE;
}
main section .login-content div.news_box ul>a:nth-child(even) li, main section .login-content div.news_box ul li:nth-child(even) {
	background-color: #fAfAfA;
}
main section .login-content div.news_box ul.nobg li {
	padding: 0px;
	background-color: transparent;
}
main section .login-content div.news_box ul.nobg li a {
	text-decoration: underline;
}
main section .login-content div.news_box ul li span {
	margin-right: 20px;
	display: inline-block;
	width: 80px;
	vertical-align: top;
}
main section .login-content div.news_box ul li span.rdesc {
	display: inline-block;
	width: calc(100% - 240px - 20px - 20px - 20px);
	vertical-align: top;
}
main section .login-content div.news_box ul li span:last-of-type {
	margin-right: 0px;
}
main section .login-content .green {
	color: #0C0;
}
main section .login-content .red {
	color: #C00;
}
main section .login-content .answer * {
	color: #000;
}
main section {
	width: 960px;
	margin: 0px auto;
	padding-top: 50px;
}
main section article {
	margin: 20px 0px;
	width: 100%;
}
main section article.inbox {
	width: calc(100% - 2px);
	background-color: #eee;
	border: 1px solid #AAA;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}
main section article.inbox * {
	color: #000;
	padding: 0px;
	margin: 0px;
	text-decoration: none !important;
	color: #253ecc;
}
main section article.inbox ul {
	padding: 0px;
}
main section article.inbox ul li {
	padding: 5px 15px;
	border-bottom: 1px solid #CCC;
	list-style: none !important;
	background-image: url() !important;
}
main section article.inbox ul li::before {
	content: '' !important;
}
main section article.inbox ul li:last-of-type {
	border-bottom: 0px;
}
main section article.inbox a {
	text-decoration: underline;
	cursor: pointer;
}
main section article>p {
	padding: 0px;
}
main section article ul {
	list-style: none;
}
main section article.wide {
	width: calc(50% - 20px);
	height: 200px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	margin: 10px;
	position: relative;
}
main section article.wide>div {
	background-image: url('/templates/web/img/news_box.png');
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 300px;
	height: 90px;
	top: 65%;
	left: -5px;
	color: #FFF;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
}
main section article.wide>div>div {
	margin-left: 30px;
	padding-top: 10px;
}
main section article.wide>div>div h3 {
	padding: 0;
	color: #FFF;
}
main section article.wide>div>div p {
	color: #FFF;
	padding: 0;
	margin-bottom: 5px;
}
main section article.small {
	float: left;
	width: calc(25% - 20px);
	margin: 10px;
}
main section article.small>div:first-of-type {
	width: 100%;
	height: 140px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-bottom: 5px solid #d6d3cc;
}
main section article.small>div:last-of-type {
	background-color: #F2F1ED;
	width: calc(100% - 40px);
	padding: 0px 20px;
	height: 230px;
	position: relative;
}
main section article.small:hover>div:last-of-type {
	background-color: #edece8;
}
main section article.small>div:last-of-type h3 {
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 17px;
	color: #000;
	font-family: 'CenturyGothic';
}
main section article.small>div:last-of-type p {
	color: #88817C;
	width: auto;
}
main section article.small>div:last-of-type a {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 12px;
	text-decoration: none;
}
main section article.small>div:last-of-type a img {
	height: 10px;
	padding-bottom: 0.5px;
}
main section h1, main section h2, main section h3, main section h4, main section h5 {
	color: #253ecc;
	font-weight: normal;
	font-size: 30px;
	padding-bottom: 5px;
	font-family: 'CenturyGothic';
}
main section h1 {
	font-family: 'CenturyGothic-Bold';
}
main section h2 {
	font-size: 25px;
	font-family: 'CenturyGothic';
	max-width: 600px;
	margin-bottom: 20px;
}
main section.training p {
	margin: 0px !important;
	padding: 0px !important;
}
main section.training {
	padding: 20px 0px;
}
main section.training>div h3 {
	margin-top: 10px;
}
main section.training h2, main section.training p, main section.training h3 {
	margin: 0px;
	padding: 0px;
}
main section.training h2 {
	cursor: pointer;
}
main section h3 {
	font-size: 22px;
	font-family: 'CenturyGothic';
}
main section h4 {
	font-size: 20px;
}
main section h5 {
	font-size: 18px;
	font-family: 'CenturyGothic';
}
main section:not(.tmp) p, main>section:not(.tmp) ul {
	font-family: 'CenturyGothic';
	margin-bottom: 15px;
	max-width: 600px;
}
main section p, main section li, table tr td {
	font-size: 12px;
}
main section p {
	padding: 10px 0px;
}
main section article p:last-of-type {
	padding-bottom: 0px;
}
main section article ul {
	padding-left: 17px;
}
main section article ul li::before {
	position: absolute;
	display: block;
	content: '-';
	margin-left: -16px;
	color: #253ecc;
}
main section article ul li {
	font-family: 'CenturyGothic';
}
main section article table {
	width: 100%;
}
main section article table tr {}
main section article table tr td {
	font-family: 'CenturyGothic';
	padding-right: 20px;
}
footer {
	background-color: #E8E8E2;
	height: 150px;
	width: 100%;
	margin-top: 100px;
}
footer>div {
	width: 960px;
	margin: 0px auto;
	position: relative;
}
footer br.br {
	display: none;
}
/*footer > div br.br{
			display: none;
		}*/

footer>div>div:first-of-type {
	position: absolute;
	top: 10px;
}
footer div>div:first-of-type img#footerImg {
	height: 28px;
	margin-right: 30px;
	float: left;
}
footer>div>div:first-of-type>a {
	margin-top: 5px;
	padding: 0px 20px;
	font-size: 10px;
	text-decoration: none;
	font-family: 'CenturyGothic-Bold';
	float: left;
	color: #5B524B;
}
footer>div>div:last-of-type {
	position: absolute;
	right: 0px;
	top: 10px;
}
footer>div>div:last-of-type a {
	font-size: 10px;
	text-decoration: none;
	color: #89827D;
}
.navArrowBrown {
	width: auto !important;
	height: 10px !important;
	position: absolute;
	right: 0px;
	top: calc(50% + 5px);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 0px !important;
}
iframe, table, img {
	max-width: 100% !important;
	height: auto;
}
@media only screen and (max-width :1040px) {
	header>div:last-of-type>form>div.mandatory, div#membership form>div.mandatory {
		float: none;
		height: auto;
		width: 100%;
		padding-bottom: 0px;
		margin-left: 27px;
	}
	header>div:last-of-type>form>div:last-of-type, div#membership form>div:last-of-type {
		/*float: right;
		width: 50%;*/
	}
	.space {
		display: none;
	}
	/*header div:nth-child(2) nav > ul > li a{
		font-size: 14px;
	}*/
	header>div:last-of-type>form>div, div#membership form>div {
		width: calc(100% - 50px);
		float: none;
	}
	header>div:last-of-type>form>div:last-of-type, div#membership form>div:last-of-type {
		margin-left: 0px;
		width: calc(100% - 56px);
		margin: 0px auto;
	}
	header>div:last-of-type>form>div>div:last-of-type>p, div#membership form>div>div:last-of-type>p {
		font-size: 13px;
	}
	header>div:last-of-type>form, div#membership form {
		width: 90%;
	}
	header>div:last-of-type>form>div:first-of-type, div#membership form>div:first-of-type {
		padding-bottom: 0px;
	}
	header>div:last-of-type>form>div:nth-child(3), div#membership form>div:nth-child(3) {
		padding-top: 0px;
	}
	/*header > div:last-of-type > form:parent, header > div:last-of-type > div > div#membership form:parent{
		height: 1000px
	}*/
	main section {
		width: 90%;
	}
	header>div:last-of-type div#login form input[type="input"], header>div:last-of-type div#login form input[type="password"] {
		width: calc((100% - 250px) / 2);
	}
	footer>div {
		width: 90%;
	}
	header div:first-of-type nav {
		width: calc(100% - 20px);
	}
	header div:nth-child(2) nav>ul {
		width: calc(100% - 160px);
	}
	header div:nth-child(2) nav {
		width: calc(100% - 80px);
	}
	header>nav>div {
		width: 90%;
	}
	.space {
		width: 40px !important;
		margin: 0px;
		padding: 0px;
	}
	header>div:last-of-type>div {
		width: 90%;
	}
	header>div:last-of-type div#login {
		width: calc(100% - 0px);
	}
	.navigation {
		height: auto !important;
		min-height: auto !important;
	}
	main section.tmp {
		width: calc(100% - 80px);
	}
}
@media only screen and (max-width :850px) {
	main section article.wide {
		width: calc(100% - 20px);
	}
	main section article.small {
		width: calc(50% - 20px);
	}
}
@media only screen and (max-width :750px) {
	main section .login-content div.news_box ul li span {
		width: auto;
	}
	main section .login-content div.news_box ul li span.rdesc {
		display: block;
		width: calc(100% - 20px);
		margin-top: 5px;
	}
	main section .login-content>.news_left, main section .login-content>.news_right {
		padding-left: 0px;
		padding-right: 0px;
		display: block;
		float: none;
		width: 100%;
	}
	main>section .navigation ul, .navigation ul {
		text-align: center;
		width: 100%;
	}
	main>section .login-content {
		width: 100%;
	}
	main section p, main>section ul {
		width: auto;
	}
	/*body > div:nth-child(2){
		left: auto !important;
		right: 73px !important;
	}*/
	/*.navigation{
		height: auto !important;
		min-height: auto !important;
	}*/
	header>div:last-of-type>form>div.mandatory, div#membership form>div.mandatory {
		float: none;
	}
	#navMobile>div li>img {
		display: none !important;
	}
	/*header*/
	header>div:last-of-type {
		/*height: 140px;*/
		height: auto;
		/*min-height: 140px;*/
	}
	header>div:first-of-type {
		display: none;
	}
	header>div:nth-child(2) {
		height: 100px;
	}
	header div:nth-child(2) nav>ul {
		display: none;
	}
	header div:nth-child(2) nav {
		width: 100%;
		position: relative;
		height: 100%;
	}
	header div:nth-child(2) nav img {
		position: absolute;
		right: 150px;
		width: 100px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-top: 0px;
	}
	/*header end*/
	/*foooter*/
	footer br.br {
		display: block;
	}
	footer div>div:first-of-type {
		text-align: center;
		width: 100%;
		position: static;
	}
	footer div>div:first-of-type img#footerImg, footer>div>div:first-of-type>a {
		float: none;
		display: inline;
		margin: 0px;
		margin-bottom: 8px;
		margin-top: 15px;
	}
	header>div:nth-child(2) {
		height: 80px !important;
	}
	footer>div>div:first-of-type>a {
		padding: 0px 10px;
		padding-top: 5px;
	}
	footer>div>div:last-of-type {
		position: static;
		width: 100%;
		text-align: center;
		padding-top: 10px;
	}
	#navMobileImg {
		display: block;
		/*height: 20px;*/
		height: 15px;
		position: absolute;
		left: 30px;
		top: 33px;
		z-index: 4;
	}
	#navMobile {
		display: block;
		position: fixed;
		/*width: calc(100% - 80px);*/
		left: calc(80px - 100%);
		z-index: 4;
		background-color: #373330;
		height: 100%;
	}
	#navMobile>div {
		/*position: relative;
			height: 100%;
			width: 100%;*/
	}
	#navMobile>div a {
		color: #FFF;
		text-decoration: none;
		font-size: 20px;
	}
	#navMobile>div li ul li a {
		font-size: 12px;
		color: #bab6ae;
	}
	#navMobile>div li ul li a:hover {
		color: #FFF;
	}
	#navMobile>div li {
		line-height: 30px;
		position: relative;
		list-style-type: none;
	}
	#navMobile>div li>img {
		position: absolute;
		top: 5px;
		height: 15px;
		cursor: pointer;
	}
	#navMobile>div>ul>li>ul>li>ul {
		padding-left: 20px;
	}
	#navMobile>div {
		margin-top: 20px;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	#navMobile>div>ul {}
	#navMobile>div>ul>li>img {
		right: 10px;
	}
	/*#navMobile > div > ul > li > ul{
							display: none;
						}*/
	#navMobile>div>ul>li>ul>li {
		/*display: none;*/
		margin-left: 15px;
	}
	#navMobile>div>ul>li>ul>li>img {
		right: 30px;
	}
	#navMobile>div>ul>li>ul>li>ul {
		/*display: none;*/
	}
	#navMobile>div>ul>li>ul>li>ul>li {
		/*display: none;*/
	}
	header>div:last-of-type>div ul li {
		width: 100%;
	}
	/*header > div:last-of-type > div ul li.selectedPoint > div{
		display: none;
	}*/
	header>div:last-of-type>div ul li {
		height: auto;
		background-position: calc(100% - 15px) 10px;
	}
	header>div:last-of-type div#login {}
	header>div:last-of-type div#login a {
		padding-right: 10px;
		font-size: 2.5vw;
	}
	header>div:last-of-type div#login a:last-of-type {
		padding-left: 33px;
	}
	header>div:last-of-type div#login {
		height: 110px;
	}
	header>div:last-of-type div#login form input[type="input"], header>div:last-of-type div#login form input[type="password"] {
		width: calc((100% - 100px) / 2);
	}
	header>div:last-of-type div#login form input[type="submit"] {
		position: absolute;
		bottom: 15px;
		right: 20px;
	}
	header>div:last-of-type div#login>div {
		margin-top: 26px;
		margin-left: 25px;
	}
	header>div:last-of-type>div ul li p {
		padding-bottom: 10px;
	}
	header>div:last-of-type>div ul li img {
		right: none;
		left: 10px;
		top: 12px;
		transform: none;
	}
	header>div:last-of-type>form>div>table tr td, div#membership form>div>table tr td {
		display: block;
		width: calc(100% - 20px);
	}
	header>div:last-of-type>form>div>table tr td:first-of-type, div#membership form>div>table tr td:first-of-type {
		padding-bottom: 10px;
	}
	header>div:last-of-type>form>div, div#membership form>div {
		height: auto;
	}
	header>div:last-of-type>form>div>table tr td input, div#membership form>div>table tr td input, header>div:last-of-type>form>div>table tr td select, div#membership form>div>table tr td select, header>div:last-of-type>form>div>table tr td textarea, div#membership form>div>table tr td textarea {
		display: block;
		margin-left: 20px;
	}
	header>div:last-of-type>form>div:last-of-type, div#membership form>div:last-of-type {
		margin: 0 auto;
		position: relative;
		display: block;
		width: calc(100% - 50px);
		height: auto;
	}
	header>div:last-of-type>form>div:last-of-type input[type="submit"], div#membership form input[type="submit"] {
		position: absolute;
		right: 0px;
		top: 16px;
		left: auto;
	}
	header>div:last-of-type>form>div:last-of-type>div>div, div#membership form>div:last-of-type>div>div {
		margin-top: 0px;
		vertical-align: top;
	}
	.desktopBr {
		display: none;
	}
	header>div:last-of-type>form>div:last-of-type>div {
		display: inline-block;
		vertical-align: middle;
	}
	header>div:last-of-type>form>div:last-of-type>div>p, div#membership form p {
		/*position: relative;
		top: 9px;*/
		width: calc(100% - 130px);
		margin-top: -4px;
	}
	div#membership p {
		padding-left: 0px;
	}
	header>div:last-of-type>div {
		top: 0px;
	}
	header>div:nth-child(2) {
		padding-bottom: 0px;
	}
	header>div:last-of-type#secondBackground {
		width: 100% !important;
		padding: 0px !important
	}
}
@media only screen and (max-width :550px) {
	main section article.wide {
		width: 100%;
		margin: 10px 0px;
	}
	main section article.wide>div {
		width: 240px
	}
	main section article.wide>div>div h3 {
		font-size: 16px;
	}
	main section article.wide>div>div p, main section article.wide>div>div p strong {
		font-size: 13px;
	}
	main>section table.table td.row, main>section table.table td.title, main>section table.table td.subtitle {
		padding: 7px 3px;
	}
	#lightbox .content #lesson_form td {
		padding: 10px 2px;
	}
	main section {
		width: calc(100% - 60px);
	}
	.mobile_only {
		display: block;
	}
	#lightbox>div.content {
		margin: 20px auto;
	}
	section.lessons div.progressbar {
		width: 100px;
	}
	main section article.small {
		margin: 10px 0px;
		width: 100%;
	}
	main section article.small>div:first-of-type {
		width: 40%;
		float: left;
		height: 100px;
		border: 0px;
	}
	main section article.small>div:last-of-type {
		width: calc(60% - 40px);
		float: left;
		height: 100px
	}
	main section article.small>div:last-of-type p {
		display: none;
	}
	header>div:last-of-type div#login form input[type="input"], header>div:last-of-type div#login form input[type="password"] {
		width: calc(100% - 50px);
	}
	header>div:last-of-type div#login form input[type="password"] {
		margin-top: 10px;
	}
	header>div:last-of-type div#login {
		height: 200px;
	}
	header>div:last-of-type div#login form input[type="submit"] {
		right: 22px;
		top: 180px;
	}
	header>div:last-of-type div#login>div {
		margin-top: 10px;
	}
	header>div:last-of-type div#login a {
		font-size: 10px;
	}
}
header>div:last-of-type>form>div>table tr td input.error, div#membership form>div>table tr td input.error {
	border: 1px solid #F00 !important;
}
@media only screen and (max-width: 767px) {
	main>section>div {
		margin: 0px;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	main>section>div.gallery {
		display: block !important;
	}
}
table td .select2-container {
	width: 100% !important;
}
li.select2-selection__choice {
	max-width: 100% !imortant;
	overflow: hidden !imortant;
	/*Altered two below to make word wrap work */
	word-wrap: normal !important;
	white-space: normal !imortant;
}
ul.select2-selection__rendered {
	padding-right: 12px !important;
}
.select2-selection__rendered {
	white-space: inherit !important;
	height: 26px !important;
	overflow: hidden !important;
}
.select2-dropdown {
	min-width: 400px;
}
@media(max-width:768px) {
	.select2-dropdown {
		min-width: 200px;
	}
}