@charset "UTF-8";
@import "global.css";
@import "article_dots.css";

body {
	height:					100vh;
	width:					100vw;
	/* background: 			white url(../images/bga.png?id=2) no-repeat fixed;
	background-position:  	-10% 0%; */
}
body::after {
	content:'';
	display: block;
	width:100vw;
	height:100vh;
	position:fixed;
	/* left:5%; */
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: 			url(../images/bgd.jpg?id=2) no-repeat top center;
	background: 			url(../images/bgd_guest.jpg?id=2) no-repeat top center;
	background-position:  	50% calc( 0% - 110px);
	background-size:		cover;
}
body::before {
	content:"";
	position: absolute;
	bottom: 90px;
	left: calc( 5% + 50px );
	right:0;
	width: 69px;
	height: 111px;
	background: url('../images/2025.png') no-repeat;
	z-index: 1;
}
body.page-login::before,
body.page-recover::before,
body.page-registro::before,
body.page-register::before {
	bottom: 140px;
}
body.page-login::after,
body.page-register::after,
body.page-recover::after,
body.page-lecture::after
 {
	background: 			url(../images/bgd_guest.jpg?id=0) no-repeat top center;
	/* background-position:  	50% calc( 0% - 110px); */
	background-position:  	50% 0%;
	background-size:		cover;
}
body.page-register::after {
	background-position:  	50% 0%;

}
a:link,a:visited { color: inherit; }
.nodesktop { 				display: none; }
.main {
	/*background: 			url(../images/bgd.jpg?id=2) no-repeat;
	background-position:  	0% calc( 100% - 110px);
	background-size:		cover;*/
	padding:				50px;
	/*box-shadow: 			5px 9px 29.75px 5.25px rgba(0, 0, 0, 0.3);*/
	padding-right: 			0;
	min-height: 100vh;
}
.main .row div { 
	z-index: 991;
}
.parent {
	position: relative;
}
.child {
	position: 	absolute;
	top: 		0%;
	bottom: 	0%;
	left: 		5%;
	right: 		calc( 4% - 15px ) ;
	overflow: 	hidden;
	padding: 	50px;
	padding-top:10px;
	width: 		auto;
}
h1 {
	font-size: 	31px;
	color:		white;
	font-weight: 400;
	text-transform: uppercase;
}
a[data-lightbox] {
	color:grey;
	position:relative;
	display: inline-block;
	float: 	left;
	max-width: 150px;
	margin-bottom: 25px;
}
a[data-lightbox]::after {
	display: 	inline-block;
	content:	"Ampliar imagen";
	color:		black;
	font-size: 	13px;
	padding: 	5px 0px;
	position:	absolute;
	top:		calc(100% - 15px);
	left:		0;
	text-align: left;
	line-height: 15px;
}
a[data-lightbox] img {
	display: block;
	margin: 5px 0;
	padding: 0px 10px 10px 0;
	max-width: 150px;
	max-height: 150px;
	float: none;
}
a[data-lightbox] p {
	float: none;
	font-size: 12px;
	margin-bottom:15px;
}
/* .page-login h1 br, 
.page-register h1 br, 
.page-recover h1 br, 
.page-resetpassword h1 br
{
	display: none;
} */
.usermenu {
	color:			black;
	text-align: 	right;
	height: 100px;
	padding-top: 40px;
	text-transform: uppercase;
	font-size: 15px;
	/* margin-bottom: 	15px; */
	/* padding-bottom: 10px; */
	/* border-bottom: 1px solid white; */
}
.header {
	/*height: 		120px;*/
	position: 		relative;
	z-index: 		999;
}
.header span {
	display: flex;
	justify-content: start;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
	min-height: 120px;
}
.header span h1 {
	flex: 1 0 0;
}
.header a {
	text-decoration: none;
}
.header h3 {
	color: 				#751200;
	margin-top: 		-7px;
	margin-bottom: 		24px;
}
.download-button {
	display: 		inline-block;
	font-size: 		16px;
	padding: 		10px 15px;
	margin: 		5px 0px;
	vertical-align: top;
	border-radius: 	5px;
	position: 		absolute;
	right:			20px;
	top:			20px;

	color: 			#771200 !important;
	border:			1px solid #771200;
}

.nav-button {
	border-bottom:  	1px solid rgba(255,255,255,0.5);
	display: 			inline-block;
	font-size: 			15px;
	font-weight: 		500;
	color:				white !important;
	cursor: 			pointer;
	padding: 			12px 40px;
	padding-left: 		0px;
	position: 			relative;
	margin:				1px;
	width: 				95%;
}
.nav-button.current {
	color:				white;
	background: 		rgba(0,0,0,0.3);
	text-decoration: 	none;
	padding-left: 		10px;
	cursor:default;
}
.footer {
	background: white;
	position: 			absolute;
	bottom:				0px;
	left:				50px;
	right:				50px;
	margin-top:			40px;
	height: 			100px;
	z-index: 			990 !important;
	text-align: 		center;

	display: flex;
	padding: 20px;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	row-gap: 10px;
	flex-wrap: wrap;
}
.footer div {
	display: inline-block;
	margin: 0 auto;
	color: 				black;
	/*position: 			absolute;*/
	right:				0;
	left:				0;
	font-size: 			12px;
	text-align: 		center;
}
.footer-home {
	margin: 10px 0px;
	font-size:14px;
	background:rgba(255, 255, 255, 0.7);
	padding: 6px;
}
/*.page-registro .footer div {
	bottom: -25px;
}*/
.nolink {
	cursor: 	default;
}
.nolink:hover {
	background:	inherit !important;
	color:		inherit !important;
}
.inactive {
	opacity:0.5;
}
.inactive:hover {
	text-decoration: none;
	background:none !important;
}
.article {
	background:			rgba(255,255,255,1);
	border: 			1px solid #696868; 
	border-radius: 		20px 20px 0px 0px;
	display: 			none;
	color: 				#323131;
	font-size: 			15px;
	font-weight: 		400;
	padding:			17px 20px;
	padding-bottom: 	92px;
	position: 			relative;
	line-height: 		19px;
	/*height: 			100%;
    height: 			-moz-available;
    height: 			-webkit-fill-available;
    height: 			fill-available;*/
	vertical-align: 	top;
	overflow-y: 		scroll;
	z-index: 			999 !important;
}
.article.article1 { display: inline-block; }
.article.syllabus {
	overflow: 		hidden;
}
.article.statistics {
	padding-bottom: 20px;
	overflow: 		hidden;
}
.sidebar {
	color: 			#323131;
	font-size: 		15px;
	font-weight: 	400;
	line-height: 	19px;
	vertical-align: top;
	overflow-y: 	auto;
	padding-top: 	100px;
}
.sidebar .nav-button2:not(.submenu) {
	border-bottom:  	1px solid rgba(255,255,255,0.5);
	color:				white;
	display: 			block;
	font-size: 			15px;
	padding:			10px 15px;
	vertical-align: 	top;
	position:			relative;
	text-indent: 		10px;
	width: auto;
}
.sidebar .nav-button2:not(.submenu) .t2 {
	display: none;
}
.sidebar .nav-button2.resultButton {
	background:			none;
	color:				#771200;
	border:				1px solid #771200;
}
.sidebar .nav-button2.submenu {
	display: 		none;
	padding: 		0;
	width: 			95%;
	margin-left: 	1px;
}
.sidebar .nav-button2 .submenu .nav-button2 {
	font-size: 			15px;
	width: 				100%
}
.sidebar .nav-button2 .submenu, .sidebar .nav-button2 {
	background: none;
}
.sidebar .nav-button2:hover .submenu, .sidebar .nav-button2 .submenu.open {
	display: 		block;
}
.sidebar .nav-button2:hover:not(div), 
.sidebar .nav-button2.current:not(div) {
	color:				white;
	background: 		rgba(0,0,0,0.2);
	text-decoration: 	none;
}
.sidebar .nav-button2.current:not(div) {
	cursor: default;
}
.sidebar .nav-button2:not(.submenu)::after {
	content:		"";
	display: 		none; /* inline-block */
	width:			6px;
	height: 		6px;
	border-radius: 	3px;
	background:		rgba(255,255,255,0.3);
	position:		absolute;
	top: 			18px;
	left: 			6px;
}
.sidebar .nav-button2.no_dot::after {
	display: none;
}
.sidebar .nav-button2.resultButton::after {
	display: 		none;
}
.sidebar .openmenu.opened .ospan { display:inline; }
.sidebar .openmenu.opened .cspan { display:none; }
.sidebar .openmenu.closed .ospan { display:none; }
.sidebar .openmenu.closed .cspan { display:inline; }
.sidebar .subitems {
	display:none;
	padding-left:20px;
}
.inprogress::after {
	background:		#e38207 !important;
}
.completed::after {
	background:		green !important;
}
.progress.inprogress {
	background:		#e38207 !important;
}
.progress.completed {
	background:		green !important;
}
.nodot::after {
	opacity: 		0;
}
/* HOME */
.home-page {
	/* background:		rgba(255, 255, 255, 0.7); */
	color: 			#323131;
	display: 		inline-block;
	opacity: 		0;
	font-size: 		15px;
	font-weight: 	400;
	padding:		25px;
	padding-left: 	10%; /* If this is changed, change the main::before and after too  */
	padding-top: 	100px;
	position: 		relative;
	line-height: 	19px;
	vertical-align: top;
	overflow-y: 	scroll;
	height: 		70%;
	overflow: 		scroll;
	overflow-x: 	hidden;
}
.page-contents .home-page {
	background:none;
	overflow:hidden;
	padding-bottom:0;

	padding:		0px;
	padding-top: 	100px;
}

.main::before {
	content: "";
	background: url(../images/whitebg2.png) no-repeat;
	background-size: 200px 100%;
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	bottom: 0;
	right: calc( 4% - 15px + 60% );
	z-index: 1;
	width: 200px;
}
.main::after {
	content: "";
	background: rgba(255,255,255,0.6);
	background-size: 100%;
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: calc( 4% - 15px + 60% );
}
.page-contents .main::after,
.page-contents .main::before {
	display: none;
}
.page-contents .page-container iframe {
	background:		rgba(255, 255, 255, 0.7);
	border-radius: 	20px;
	padding: 	20px;
}

/* MODULE PROGRESS */
.moduleprogress {
	background: url('../images/progressbar.png');
	border-radius: 	8px;
	display:		flex;
	width:			100%;
	height:			16px;
	margin:			0px 0 10px 0;
	overflow: 		hidden;
}
.moduleprogress .bar-container {
	display:		flex;
	flex: 1;
	height: 		100%;
	margin-right:	2px;
}
.moduleprogress .bar-container .bar {
	background:		url('../images/progressbar.png');
	display: block;
}
.moduleprogress .bar-container:last-child {
	margin-right: 0;
}
.moduleprogress .bar-container.inprogress .bar {
	background:		rgba(0, 0, 0, 0.4);
}
.moduleprogress .bar-container.completed .bar {
	background:		rgba(0, 128, 0, 0.9);
}
.moduleprogress .bar-container.completed.failed .bar {
	background:		rgba(231, 0, 61, 0.9);
}

/* LOGIN, REGISTER, RECOVER FORMS */
.theform, .main .row div.theform {
	background:			white;
	color:				black;
	z-index: 			999;
	border: 			1px solid black;
	border-radius: 		20px;
	font-size:  		15px;
	padding:			30px;
	overflow:  			auto;
}
.theform, 
.main .row div.theform#login {
	margin-top: calc( 100vh - 700px);
}
.main .row div.theform#register {
	margin-top: 150px;
}
body.page-registro .main .row div.theform#register {
	margin-top: 70px;
}
.main .row .theform div, .main .row .theform form {
	z-index: 			999;
}
.main .row .theform-container {
	z-index: 			999;
}
.theform h2 {
	font-size: 			21px;
	font-weight: 		bold;
	margin-bottom:  	35px;
}
.theform input, .theform select {
	background: 		rgba(0,0,0,0.1);
	border:				none;
	border-radius:  	20px;
	display: 			block;
	margin: 			8px 0px;
	width: 				100%;
	z-index: 			998;
}
.theform select {
	height: 			35px;
	z-index: 			998;
}
.theform textarea {
	border:			none;
	width: 			100%;
	z-index: 			998;
}
.theform input[type=text], .theform input[type=tel], .theform input[type=password], .theform input[type=number], .theform select, .theform textarea {
	padding:			7px 10px;
	z-index: 			998;
}
.theform input[type=checkbox], .theform input[type=radio] {
	display: 			inline-block;
	width: 				auto;
	z-index: 			998;
}
.theform *[type=submit], .theform .submitButton {
	background: 		var(--button-color);
	border: 			none;
	color:				white;
	cursor: 			pointer;
	font-weight: 		bold;
	font-size: 			16px;
	padding:			7px 25px;
	margin:				0;
	vertical-align: 	top;
	border-radius: 		25px;
	width: 				auto;
	position: 			relative;
}
.theform *[type=submit]:hover {
	text-decoration: 	none;
	opacity: 			0.7;
}
.theform .small_letters {
	margin-top:	10px;
}
.theform .details {
	padding:15px 0;
	display: block;
	font-size: 14px;
}

/* Q&A */
.article img {
	max-width: 50%;
	margin:10px 0;
}
.article h4 {
	font-size: 		17px;
	color:			grey;
	font-weight: 	600;
}
.question {
	color:			black;
	font-weight: 	500;
}
ul.answers {
	list-style-type: upper-alpha;
}
ul.answers li {
	cursor: 		pointer;
	padding:		5px;
	border-radius: 	5px;
}
ul.answers li.statistics {
	cursor: 		default;
}
ul.answers li:not(.statistics):hover {
	color:black;
	background: 	#c7cfe2;
	text-decoration: 	none;
}
ul.answers li.user {
	background: 	#8d9ec9;
	color:			white;
}
ul.answers li.correct {
	background: 		#ace97a;
}
ul.answers li.wrong {
	background: 		red;
}
ul.answers.answered li:hover {
	cursor: 		default;
}
ul.answers.answered li:not(.user):hover {
	background:		none;
}
.answerButton,.nextButton, .plainButton {
	font-size: 		20px;
	font-weight: 	bold;
	display: 		inline-block;
	font-weight: 	500;
	color: 			white !important;
	padding: 		12px 40px;
	background: 	var(--primary-color);
	border-radius: 	5px;
	position: 		relative;
	margin: 		1px;
}
.answerButton:hover,.nextButton:hover, .plainButton:hover {
	color:				white;
	text-decoration: 	none;
}
.prevBt { display: none; }
.nextButton {
	display: 		none;
}
.syllabus iframe {
	display: none;
}
.syllabus .nextButton { 
	position: absolute;
	bottom:30px;
	right:30px;
	z-index: 999;
}
.answerButton, .nextButton.button2 { display: 	none; }
.article2.syllabus { display: none; }
/* Bypassing theory visibility if there are no questions */
.article1.noquestions, .article3.noquestions { display: none; }
.article2.noquestions { display: block; }
.article2.noquestions .nextButton { display: inline-block; }
.article2.noquestions .nextButton.button2 { display: inline-block; }

/* PAGE */
.page-container { 
	margin-left:0px; 
	height: 100vh;
	max-height: calc( 100vh - 150px );
}
.page-container iframe { 
	background:none; 
	border:none; 
	padding-top:0px; 
	padding-bottom:0px; 
	height: 			100%;
}
/*.home-page.page-container { height:			420px !important; }*/
.show_iframe.article { display: none; }
.show_iframe.page-container.article.statistics { display: inline-block !important; }
.page-contents .home_text, 
.page-contents .content_text,
.page-home .content_text,
.page-about .home_text 
{
	display:none;
}
.page-about .content_text {
	display:block;
}
.home_text h2{
	font-size: 24px;
}
.page-home iframe,
.page-about iframe {
	display: none;
}
/* STATISTICS */
.statQuestion {
	display: 		none;
}
.statQuestion:first-child {
	display: 		inline-block;
}

/* VIDEO OVERLAY */
.video-overlay {
	display: none;
	position:fixed; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0; 
	background: rgba(0,0,0,0.7);
	text-align: center;
	z-index:1001;
}
.video-overlay .close {
	position: absolute;
	right:20px;
	top:20px;
	font-size:16px;
	color:white;
	display: inline-block;
	z-index:1004;
}
.video-overlay .close-background {
	position: absolute; 
	left:0; 
	right: 0; 
	top:0; 
	bottom:0;
	z-index: 1002;
}
.center {
	width: 				90%;
	height:				90%;
	position: 			absolute;
	top: 				50%;
	left: 				50%;
	transform: 			translate(-50%, -50%);
	z-index:			1003;
}
.articleclose {
	display: 		none;
	position: 		fixed;
	right:			10px;
	top:			10px;
	font-size:		14px;
	font-weight: 	bold;
	background:		white;
	color:			black;
	border:			1px solid black;
	border-radius: 	20px;
	padding:		7px 14px;
	z-index: 		1005;
}
.buttons {
	display:		inline-block;
	margin: 		0 10px;
}
.page-home .footer, .page-contents .footer, .page-lecture .footer, .page-about .footer {
	display: none;
}
body.page-home::after, body.page-contents::after, body.page-lecture::after, body.page-about::after {
	background-position:  	0% calc( 100% - 0px);
}
@media (max-height: 1048px) {
	.page-registro .footer {
		position: relative;
		width:100%;
		left:auto;
		right:auto;
		height:auto;
		background:white;
	}
	.page-register .child, 
	.page-registro .child {
		overflow-y:scroll;
	}
	.page-register .footer,
	.page-registro .footer {
		position: relative;
		width:100%;
		left:auto;
		right:auto;
		bottom:auto;
		height:auto;
	}
	.page-register .footer div,
	.page-registro .footer div {
		position: relative;
		width:100%;
		left:auto;
		right:auto;
		bottom: auto;
		height:auto;
	}
	.page-register .footer .link,
	.page-registro .footer .link {
			margin-top: 10px;
			width: auto;
	}
}
@media (max-height:980px) {
	.page-registro .footer, .page-home .footer, .page-about .footer {
		position: relative;
		width:100%;
		left:auto;
		right:auto;
		height:auto;
	}
	.page-registro .error-page .footer {
		position: absolute;
	}
}
@media (max-height:688px) {
	.page-login .footer, 
	.page-recover .footer, 
	.page-resetpassword .footer 
	{
		position: relative;
		width:100%;
		left:auto;
		right:auto;
		height:auto;
	}
	.home-page,
	.page-contents .home-page,
	.sidebar {
		padding-top: 10px;
	}
}
@media (max-height: 540px) and (orientation: landscape), (max-height: 720px) and (orientation: portrait) {
	.footer {
		text-align: 	center;
		position: 		relative;
		bottom: 		0px;
		left: 			0px;
		right: 			0px;
		margin-top: 	10px;
		height: 		auto;
		z-index: 		998;
		width: 			100%;
	}
	.footer img {
		float:		none;
	}
	.footer div {
		background:		white;
		padding:		10px;
		color:			#666666;
		position: 		relative;

	}
}
@media (min-width:768px) {
	.set-size {
		/*max-width: 1100px;
		margin:0 auto;*/
		padding-left:		8%;
		padding-right:	8%;
	}
}
@media (max-width: 467px), (max-height: 468px) and (orientation: landscape)
,(max-width: 768px) and (orientation:portrait)
,(max-width:768px) and (max-height: 768px)
/*,
(max-height: 768px) and (orientation:landscape) */
{
	body {
		width: auto;
	}
	body::after {
		left:0%;
	}
	.nodesktop { display: inherit; }
	.nomobile, .hideonmobile { display: none; }
	h1 {
		font-size:		31px;
		padding:	 	20px 0 0 20px;
	}
	h2 {
		font-size: 		18px;
	}
	.home_text h2 {
		font-size: 28px;
	}
	.header.header_logo {
		padding: 		20px 20px 0 0; 
	}
	.certificatebt {
		padding-right: 40px !important;
	}
	.page-lecture .main, body.page-lecture::after {
		background: 			url(../images/bgd.jpg?id=2) no-repeat, #34cffc;
        background-position: top left;
        background-size: 100% 100%;
	}
	.article  {
		height: 		auto;
		padding:		17px 20px;
		position:		relative;
		top:			0px;
		bottom:			0;
		left:			0;
		right:			0;
		padding-bottom: 60px;
	}
	.header {
		height: 		auto;
	}
	.header img {
		position: 		relative;
	}
	.usermenu {
		text-align: 	center;
		padding:		0 20px;
		margin-bottom: 	0;
		height:auto;
	}
	.child {
		position: 		relative;
		top:			auto;
		left:			auto;
		right: 			auto;
		bottom:			auto;
		padding:		0;
	}
	.main::after,
	.main::before {
		/* display: 		none; */
	}
	.main::before {
		background-size: 100% 100%;
		right: calc( 80% );
		width: 20%;
	}
	.main::after {
		width: calc( 80% );
	}
	.page-container {
		max-height: unset;
	}
	.answerButton, .nextButton, .plainButton {
		text-align: 	center;
		float: 			none;
		width: 			100%;
		border-radius: 	25px !important;
	}
	.syllabus .nextButton {
		bottom: 		10px;
		margin:			0 auto;
		right:			auto;
	}
	.resultsPage {
		overflow-x: 	hidden;
	}
	.resultsPage .buttons {
		display: flex;
		text-align:		center;
		float: 			none;
		margin-top:  	10px;
		position: 		relative;
	}	
	.resultsPage .plainButton {
		width:			46%;
		float: 			right;
	}
	.resultsPage .buttons .plainButton {
		flex:			1;
		float:			none;
	}
	.myprogress {
		width: 			100%;
		padding-right: 	20px;
	}
	.moduleprogress {
		width:			100%;
		margin-left:	0%;
	}
	.sidebar {
		padding-top:10px;
	}
	/* .usermenu,  */
	.sidebar { padding:10px 40px; }
	.sidebar .nav-button2 {
		text-align: 	left;
		text-indent: 	0;
	}
	.home-page.page-container {
		height: 		auto !important;
	}
	.home-page {
		/*margin: 		10px 30px 40px 30px;
		padding: 		10px 30px 40px 30px;*/
		padding: 40px;
		opacity: 1;
	}
	.nav-button {
		text-align: center;
		min-width: 100%;
		padding: 12px 40px;
	}
	
	.theform *[type=submit] {
		width: 			100%;
	}
	.download-button {
		position: 		relative;
		left:			0;
		top:			0;
		bottom:			0;
		right:			0;
		width: 			100%;
		text-align: 	center;
		margin-bottom: 	30px;
	}

	.theform, .main .row div.theform {
		margin:20px;
	}
	.home-page {
		overflow: visible;
		overflow-x: visible;
		height: fit-content;
	}
	.page-lecture .article {
		padding:10px;
	}
	.buttons {
		background: white;
		display: block;
		position: fixed;
		bottom:0px;
		left:0;
		right:0;
		padding-top:10px;
		padding-bottom:10px;
		z-index:1000;
	}
	.answerButton, .nextButton, .plainButton, .repeatButton {
		border-radius: 25px !important;
		padding: 10px 40px !important;
		font-size: 20px;
	}
	/* Sandwich menu on mobile */
	.toggleMenuButton {
		background: rgba(34, 132, 156, 0.4); /* rgba(255,255,255,0.3);*/
		color:white !important;
		font-weight: 500;
		margin-left:00px;
		margin-bottom:10px;
	}
	.page-home .sidebar, .page-about .sidebar {
		display: none;
	}
	.page-lecture .sidebar {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
		padding: 10px 0px 10px 24px;
	}
	.sidebar {
		height:auto !important;
	}
	.page-lecture .nav-button.hassubmenu {
		display: none;
	}
	.page-lecture .sidebar .nav-button2:not(.submenu) {
		color:var(--primary-color);
		font-size:18px;
		padding: 10px;
		text-indent: 0;
	}
	.page-lecture .sidebar .nav-button2:not(.submenu) .t1 {
		display: none;
	}
	.page-lecture .sidebar .nav-button2:not(.submenu) .t2 {
		display: inline;
	}
}
/* FOOTER */
@media (max-width: 1406px) {
	.footer {
		min-height: 100px;
		height:auto;
		flex-wrap: nowrap;
	}
	.footer .link {
		width: 30%;
		margin:0;
	}
	.footer .link br {
		display: none;
	}
}
@media (max-width: 1200px) {
	.footer {
		flex-wrap: wrap;
	}
	.footer .link {
		width: 100%;
	}
	.footer .link br {
		display: inline;
	}
	.theform, .main .row div.theform#login {
		margin-top: 100px;
	}
}
@media (max-width: 467px), 
(max-height: 468px) and (orientation: landscape),
(max-width: 768px) and (orientation:portrait),
(max-width:768px) and (max-height: 768px)
/*,
(max-height: 768px) and (orientation:landscape) */
{
	.footer {
		color:			white;
		text-align: 	center;
		position: 		relative;
		bottom: 		0px;
		left: 			0px;
		right: 			0px;
		margin-top: 	10px;
		height: 		auto;
		z-index: 		998;
		width: 			100%;
    	padding: 		20px;
		justify-content: center;
	}
	.footer img {
		float:		none !important;
	}
	.footer div {
		background:		white;
		display: block;
		width:100%;
		padding:		10px;
		color:			#666666;
		position: 		relative;
		bottom:0;
	}
	.footer p {
		float:			none !important;
		width: 			90% !important;
		padding:		5% !important;
	}
	.footer .link {
		width: 100% !important;
	}
	.page-lecture .footer-container {
		display: none;
	}
}

@media (max-width: 467px) {
	.header { margin:0; padding:0; }
	.header h1 { font-size: 23px; padding:20px 0 0 30px; }
	.header h1 br { display: none; }
	.header h2 { font-size: 17px; }
	.header h3 { font-size: 17px; }
	.header.header_logo {
		padding: 		20px 20px 0 0;
		position: 		relative;
	}
	.header.header_logo img {
		max-width: 100%;
	}
	.child, .main {
		margin:0;
		padding:0;
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
	}
	.theform, .main .row div.theform#login {
		margin-top: 40px;
	}
	.header span {
		min-height: unset;
	}
}
@media (width:1024px) and (height:768px), (max-width: 1140px) and (max-height:600px) {
	.header.nomobile 		{ display: 	inline-block; }
	.header.nodesktop 		{  display: 	none;  }
	.page-lecture .sidebar 	{ display: 	inline-block; }
	.article 				{ position: 	relative; top:		0; }
	.home-page 				{ margin: 	0px; }
	.mobile_logo.nodesktop 	{ display: 	none; }
}
@media (width:812px) and (height:375px) {
	.header_logo.nomobile { display: none; }

}
@media (max-height: 620px) and (orientation: landscape) {
	.child.page-register .row {
		height: 		100%;
		overflow-y: 	scroll;
	}
}
@media (max-height: 467px) and (orientation: landscape) {
	.page-lecture .article {
		position: 		fixed;
		top:			0;
		bottom:			0;
		left:			0;
		right:			0;
		z-index: 		1004;
	}
	.page-lecture .articleclose {
		display: 		inline-block;
	}
}