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

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

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Light.woff') format('woff'),
    url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

*, *:before, *:after {
  box-sizing: border-box;
}

.overlay {
	position: absolute;
	overflow: visible;
	margin-left: -2px;
	margin-top: -2px;
    /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; */
	cursor: pointer;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
    width: 100% !important;
}
.overlay:hover {
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.overlay.application:hover { background: rgba(250, 219, 23, 0.25); }
.overlay.dictionary:hover { background: rgba(255, 187, 0, 0.25); }
.overlay.audio:hover { background: rgba(91, 189, 130, 0.25); }
.overlay.image:hover { background: rgba(250, 23, 23, 0.25); }
.overlay.video:hover { background: rgba(23, 71, 158, 0.25); }
.overlay.html:hover { background: rgba(250, 23, 23, 0.25); }

.application::after, .dictionary::after, .audio::after, .image::after, .video::after, .html::after {
    width: 54px;
    height: 52px;
	display: block;
	position: absolute;
	top: 50%;
    margin: -41px 0 0 -3%;
	z-index: 100;
    content: "";
    background-size: 100% auto !important;
	animation: slideIcon 0.5s forwards;
}
@media screen and (max-width: 767px) {
	.application::after, .dictionary::after, .audio::after, .image::after, .video::after, .html::after {
		width: 43px;
		height: 42px;
		margin: -41px 0 0 -4%;

	}
	#helpsmall{
		display: none!important;
	}
	.main-menu{
		right: 0!important;
	}
}
@media screen and (max-width: 455px) {
	.application::after, .dictionary::after, .audio::after, .image::after, .video::after, .html::after {
		margin: -41px 0 0 -8%;
	}
}

.application:hover::after, .dictionary:hover::after, .audio:hover::after, .image:hover::after, .video:hover::after, .html:hover::after {
	display:none;
}

.applicationLeft::before, .applicationRight::after, .amii_application::before {
	background: url(../../common/images/ico_app.png) center no-repeat;
}
.dictionaryLeft::before, .dictionaryRight::after, .amii_dictionary::before {
    background: url(../../common/images/ico_app.png) center no-repeat;
}
.audioLeft::before, .audioRight::after, .amii_audio::before {
    background: url(../../common/images/ico_snd.png) center no-repeat;
}
.imageLeft::before, .imageRight::after, .amii_image::before {
    background: url(../../common/images/ico_pht.png) center no-repeat;
}
.videoLeft::before, .videoRight::after, .amii_video::before {
    background: url(../../common/images/ico_vid.png) center no-repeat;
	/*animation: spin 2s linear infinite;*/
	/*left: 98%;*/
}
/*.overlay.video::after {*/
/*	animation: spin 2s linear infinite;*/

/*}*/
.htmlLeft::before, .htmlRight::after, .amii_html::before {
    background: url(../../common/images/ico_htm.png) center no-repeat;
}

@keyframes spin{
	from {transform:rotate(0deg)}
	to{transform: rotate(360deg)}
}

.amii.amii_application::before,
.amii.amii_html::before,
.amii.amii_dictionary::before,
.amii.amii_audio::before,
.amii.amii_image::before,
.amii.amii_video::before {
    float: left;
}

#amiiContentsWrapper .amii_application::before {
    content: url(../../common/images/ico_app_small.png);
}
#amiiContentsWrapper .amii_dictionary::before {
    content: url(../../common/images/ico_app_small.png);
}
#amiiContentsWrapper .amii_audio::before {
    content: url(../../common/images/ico_snd_small.png);
}
#amiiContentsWrapper .amii_image::before {
    content: url(../../common/images/ico_pht_small.png);
}
#amiiContentsWrapper .amii_video::before {
    content: url(../../common/images/ico_vid_small.png);
}
#amiiContentsWrapper .amii_html::before {
    content: url(../../common/images/ico_htm_small.png);
}
#amiiContentsWrapper .amii.amii_application::before,
#amiiContentsWrapper .amii.amii_html::before,
#amiiContentsWrapper .amii.amii_dictionary::before,
#amiiContentsWrapper .amii.amii_audio::before,
#amiiContentsWrapper .amii.amii_image::before,
#amiiContentsWrapper .amii.amii_video::before {
    background: none;
    background-size: auto;
    width: 23px !important;
    height: 21px !important;
    margin: 2px 5px 0 5px;
}



@keyframes slideIcon {
	0% {
		left: 0;
		opacity: 0;
	}
	100% {
		left: 98%;
		opacity: 1;
	}
}



#amiiContentsWrapper a {
    width: calc(100% - 33px) !important;
    padding-left: 10px !important;
}

/* END OVERLAY ICONS*/

.loader {
	position: absolute;
	display: none;
	top: 47%;
	left: 47%;
	padding: 10px;
	background: #f3f3f3;
	border: 3px solid #f9f9f9;
}
.alert {
	color: #F22E00 !important;
}
input[type=number] {
	-moz-appearance: textfield;
}

::-webkit-inner-spin-button {
 -webkit-appearance: none;
}

::-webkit-outer-spin-button {
 -webkit-appearance: none;
}

 @-webkit-keyframes uil-ring-anim {
     0% {
         -ms-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -ms-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
@-moz-keyframes uil-ring-anim {
     0% {
         -ms-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -ms-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
@keyframes uil-ring-anim {
     0% {
         -ms-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -ms-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
.uil-ring-css {
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	display: none;
}
.uil-ring-css > div {
	position: absolute;
	/*display: block;*/
	width: 160px;
	height: 160px;
	top: 20px;
	left: 20px;
	border-radius: 80px;
	box-shadow: 0 6px 0 0 #333;
	-ms-animation: uil-ring-anim 1.5s linear infinite;
	-moz-animation: uil-ring-anim 1.5s linear infinite;
	-webkit-animation: uil-ring-anim 1.5s linear infinite;
	-o-animation: uil-ring-anim 1.5s linear infinite;
	animation: uil-ring-anim 1.5s linear infinite;
	display: none;
}


html,body{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	overflow: hidden;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
body.expanded {
	overflow-y: auto;
	overflow-x: hidden;
}

body.expanded.no-overflow{
	overflow: hidden;
}

body.padded {
}

#outerWrapper {
	position: relative;
	min-height: 100%;
	height: 100%;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#innerWrapper {
	position: relative;
	float: left;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

div#content {
    padding: 0px !important;
    margin-top: 0px;
    margin-bottom: 20px;
    position: relative;
}

#miniContents, #amiiContents, #help, #dictionary, #goToPage
#miniContentsSmall, #amiiContentsSmall, #helpSmall, #dictionarySmall, #goToPageBottom {
	position: relative;
	border-top: none;
}
#home, #pageToggler, #homeSmall, #pageTogglerSmall {
	/*margin-top: 20px;*/
}
.actions-wrapper {
	position: absolute;
	width: 6.5%;
	padding: 0.45%;
	height: 100%;
	top: 0%;
	z-index: 1;
	background: #004647;
}
.actions-wrapper .action {
	width: calc(100% - 20px);
	margin: auto;
	padding: 25px 0;
	color: #383e4b;
	cursor: pointer;
}
.actions-wrapper .action:hover, .actions-wrapper .action:active {
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	text-shadow: none;
}
.actions-wrapper.actions-left {
	position: absolute;
	left: -1px !important;
	text-align: center;
    /* border-right: 5px solid #7fc3c0; */
}
.actions-wrapper.actions-right {
	position: absolute;
	/* right: -1px !important; */
	text-align: center;
	/* border-left: 5px solid #7fc3c0; */
}
.actions-wrapper .fa{
	font-size: 2.000em;
    color: #cfb845;
    color: #7fc3c0;
    color: #141414;
    color: #df6589;
    color: #3c1053;
    color: #D65100;
    color: #DD424D;
    color: #500472;
    color: #79cbb8;
    color: #aed6dc;
    color: #ff9a8d;
    /* text-shadow:
    -1px -1px 0 #fff200,
    1px -1px 0 #fff200,
    -1px 1px 0 #fff200,
    1px 1px 0 #fff200; */
}

.actions-wrapper a.iconsBehavior:hover > span.fa{
    color: #ffffff;
}

.cbutton a.iconsBehavior{
    /*outline: none;*/
    text-decoration: none;
}
.cbutton a.iconsBehavior:hover, .cbutton a.iconsBehavior:focus, .cbutton a.iconsBehavior:active{
    /*outline: none;*/
    text-decoration: none;
}

.actions-wrapper .fa-home {
	font-size: 2.500em
}
.actions-wrapper .fa-play {
	font-size: 2.300em
}
.actions-wrapper .fa-question-circle {
	font-size: 2.250em
}
.actions-wrapper .fa-exclamation-circle {
	font-size: 2.250em
}
.actions-wrapper .fa-caret-left,
.actions-wrapper .fa-caret-right {
	font-size:4em
}
.nav {
	position: absolute;
	bottom: 80px;
	margin: auto;
	width:86%;
	min-width:46px;
	min-height:46px;
}
.nav:hover {
	cursor:pointer
}
.nav#leftArrow span, .nav#rightArrow span,
.nav#leftArrowSmall span, .nav#rightArrowSmall span {
	position: relative;
	top: -2px;
}
#miniContentsWrapper, #amiiContentsWrapper {
	display: none;
	overflow: hidden;
	bottom: 78px;
	z-index: 100;
	height: calc(100% - 78px) !important;
	color: white;
	background: #E7D2CC;
	position: fixed;
	right: 0;
	width: 450px;
    padding: 20px 0;
}
#miniContentsWrapper a, #miniContentsWrapper ul, #amiiContentsWrapper a, #amiiContentsWrapper ul {
	text-align: left;
}
#miniContentsWrapper a,
#amiiContentsWrapper a {
	display: inline-block;
    float: left;
    width: 100%;
}
#miniContentsWrapper .chapter, #amiiContentsWrapper .chapter {
	display: block;
	margin: 0 0 0 0;
	padding: 0 20px;
    font-family: 'Roboto-Bold', sans-serif;
	font-size: 18px;
    color: #333333 !important;
    /*text-transform: uppercase;*/
    /*text-decoration: none;*/
}

#miniContentsWrapper .chapter:hover {
    background-color: #DCBC00;
    color: #ffffff;
}
#miniContentsWrapper .chapter:active,
#miniContentsWrapper .chapter:focus {
    background-color: #CA4C4A;
    color: #ffffff !important;
}
#miniContentsWrapper .chapter.active {
    color: #ffffff !important;
}

#miniContentsWrapper .lesson-list, #amiiContentsWrapper .amii-list {
	padding: 0 !important;
	margin: 0;
	list-style-type: none;
    width: 100%;
    float: left;
}
#miniContentsWrapper .active, #amiiContentsWrapper .active {
	background-color: #CA4C4A;
	color: #ffffff;
	outline: none;
	text-decoration:none;
}
.amii-list li {
	clear: both;
	padding: 0;
    float: left;
    width: 100%;
}
.lesson-list li a, .amii-list li a {
	display: block;
	margin: 1px 0 0 0;
	padding: 1px 20px 0 20px;
	color: #333333;
	text-decoration: none;
    font-size: 16px;
    font-family: 'Roboto-Regular', sans-serif;
}

/*.amii-list li a {
	margin: 0;
    padding: 0 20px;
}*/
.lesson-list li a:hover,
.lesson-list li a:active,
.amii-list li a:hover,
.amii-list li a:active {
	color: #333333;
    background-color: #DCBC00;
}
/*.single-page #miniContentsWrapper, .single-page #amiiContentsWrapper {
	width: 100%;
}
.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
	position: fixed;
	top: 0;
	left: 8%;
	width: 30%;
}*/
.expanded .page-content {
	max-width: 100%;
}
#content {
	position: relative;
	/* height: 100%; */
	min-height: 100%;
	z-index: 3;
}
#content > img#helpImg { 
	max-height:104vh !important;
	width:100%;
	max-width:100%
}

.page-content {
	max-width: 50%;
	float: left;
	/*position: relative;*/
}

#leftPage, #rightPage {
	/*-moz-box-shadow: 0px 1px 1px #333;
	-webkit-box-shadow: 0px 1px 1px #333;
	box-shadow: 0px 1px 1px #333;*/
}
#leftPage {
	/*border-left: 7px solid #ccc;*/
}
#leftPage img {
	margin-left: 0%;
	max-height: 100vh;
	/*float: left;*/
	max-width: 100%;
}
#rightPage {
	/*border-right: 7px solid #ccc;*/
}
#rightPage img {
	max-height: 100vh; /*90 - org*/
	/*float: left;*/
	display:inline-block;
	max-width: 100%;
}
.single-page .page-content {
	width: 100%;
	background-color: #ffffff;
	/*padding: 20px;*/
	margin-bottom: 52px;
	min-height: 100%;
	z-index: -2;
    -moz-box-shadow: 0 3px 6px #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
}
.single-page .page-content img {
	max-width: 100%;
	/*max-height: !*100vh*! 83vh;*/
}
.single-page .actions-wrapper {
	width: 16%;
	padding: 2%;
}
.single-page .actions-wrapper.actions-left {
	left: -16%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.single-page .actions-wrapper.actions-right {
	right: -16%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.navBrand {
	color:#383e4b;
	padding-top: 10px;
	font-size:64%;
	text-align:center;
	width:100%;
	text-transform:uppercase;
}
.navBrand a {
	color:#383e4b;
	text-transform:uppercase;
	font-size: 0.6vw;
}
.navBrand a.identity {
    color: #ffffff;
    font-family: 'Roboto-Light', sans-serif;
    text-decoration: none;
}
.navBrand a.identity:hover {
    text-decoration: underline;
}

#pageTogglerExpanded {
	display: none;
}

.expanded .actions-wrapper {
	position: fixed;
	top: 0;
	height: 100%;
}
.expanded .actions-wrapper.actions-left {
	left: 0;
}
.expanded .actions-wrapper.actions-right {
	right: 0;
}
#helpImg {
	position: absolute;
	top: 0;
	left: 0;
	/*max-height: 100vh;*/
	max-height: 104%;
	max-width: 100%;
}

.expanded #content #helpImg {
	max-height: none;
}

#helpOverlay {
	background: white;
	position: fixed;
	height: 100%;
	z-index: 2;
	opacity: 1;
	width:100%
}
#helpCloseBtn {
	position: absolute;
	top: 1%;
	right: 0%;
	z-index: 2;
	font-size: 300%;
	cursor: pointer;
}
#helpCloseBtn > span {
	color: red;
}
#helpCloseBtn > span:hover {
	color: #ed8a8a;
}
.jump-to-page {
	position: relative;
	display: inline-block;
	z-index: 222;
}
.jump-to-page input[type=text] {
	width: 30px;
	padding: 0 5px;
	position: relative;
	top: -15px;
	left: 1px;
	border: 1px solid #ccc;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.frameIn {
	display: inline-block;
	background: transparent;
	border: none;
	/* Reset default border */
	height: 80vh;
	/* Viewport-relative units */
	width: 80vw;
	text-align: center;
}
iframe {
	border: none;
	background: transparent;
}

#goToPage input:focus, #goToPageBottom input:focus {
	color: #ffffff;
	outline:none;
}

#modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
    height: 100%;
	width: 100%;
    /*transform: translate(-50%, -50%);*/
	background-color: rgba(255, 255, 255, 1);
	z-index: 1000;
	color:black
}
.modalTitle {
	width: 100%;
	color: black;
	font-size: 1.5em; /*2.2em - original*/
	text-align:left;
	/*line-height: 10vh; !*17*!*/
	font-weight:100;
	/*border-bottom:1px solid #383e4b;*/
	display:table;
    /* background: url("../images/pattern.png") top left repeat; */
    /* background: url("../images/bg-track.png") top left repeat; */
	background: #ffffff;
}
#modalTitle {
	padding-left: 25px;
	display: inline-block;
	width: 80%;
	float: left;
    font-family: 'Roboto-Light', sans-serif;
    color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
}
.amii_menu {
	font-size:0.75em;
	display:inline-block;
	position: relative;
	padding:0 25px;
	margin:0 25px 0 0;
	border-right:1px solid #383e4b;
	height:inherit;
	cursor:pointer;
}
.modalNavigation {
	width: 100%;
	color: black;
	font-size: 2.5em;
	text-align: left;
	position: absolute;
	bottom: 0;
	float: left;
	height: auto;
    /* background: url("../images/pattern.png") top left repeat; */
    background: #ffffff;
}
#amiiNavPrev {
	float: left;
	margin:0 0 0 25px;
	width: calc(50% - 25px)
}
#amiiNavNext {
	float: right;
	margin:0 25px 0 0;
	width: calc(50% - 25px)
}
#amiiNavNext a,
#amiiNavPrev a {
	font-size:0.7em !important;
	text-decoration:none;
	font-weight:100;
	float: left;
	padding: 13px 0;
	position: relative;
	width: 100%;
    font-family: 'Roboto-Light', sans-serif;
    color: #333333;
}
#amiiNavNext a{
	padding-right: 55px;
	text-align: right;
}
#amiiNavPrev a{
	padding-left: 55px;
	text-align: left;
}
#amiiNavNext a > span.fa,
#amiiNavPrev a > span.fa {
	font-size:1.15em !important;
    color: #333333;
}
#amiiNavPrev span.fa,
#amiiNavNext span.fa {
	color:#383e4b;
	font-size:1em;
	position: absolute;
	top: 20px;
}
#amiiNavPrev span.fa{
	left: 0px;
}
#amiiNavNext span.fa{
	right: 0px;
}
#amiiNavNext a:hover, #amiiNavNext a:active, #amiiNavNext a:focus,
#amiiNavPrev a:hover, #amiiNavPrev a:active, #amiiNavPrev a:focus {
	color: #333333;
}
#amiiNavNext a:hover span.fa, #amiiNavNext a:active span.fa, #amiiNavNext a:focus span.fa,
#amiiNavPrev a:hover span.fa, #amiiNavPrev a:active span.fa, #amiiNavPrev a:focus span.fa {
	color: #333333;
}
.ourBrand {
	display:block;
	width:calc(100% - 105px);
	padding:0 30px 0 15px;
	margin:/*25px*/ 0 15px 10px 15px;
	font-size:10px;
	color:white;
	text-transform:uppercase;
	position:relative;
	top: -3px;
}
.ourBrand span {
	padding:3px 25px;
	position:relative;
	left:-30px;
}
.ourBrand span a {
	color:white;
	text-decoration:none
}
.ourBrand span a:hover,
.ourBrand span a:active {
	text-decoration:underline
}
.modalTitle span {

}
.closeMe {
	display:inline-block;
	position:relative;
	/*right:-29px;
	top:-10px;*/
}
.closeMe img {
	width:3vw;
	min-width:46px;
}
.modalWindow {
	padding: 0px 15px 15px 15px;
	text-align: center;
	display: block;
}
.modalWindow iframe {
	position: relative;
	z-index: 988;
	text-align: center;
}
.modalManifest {
	color: white;
	text-shadow: 1px 1px 1px #000;
}
.modalClose {
	position: static;
	z-index: 987;
	float: right;
	height: auto;
    margin-top: 2px;
}
.modalClose span {
	font-size: 1.2em;
	cursor: pointer;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	display:inline-block;
	padding: 7px 10px;
    color: #333333;
}
.modalClose span:hover {
	color: #333333;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	text-shadow: none;
}
.modalClose span:active {
	transform: scale(0.9);
}
#modalContent {
    /** nme **/
    /* background: url("../images/pattern.png") top left repeat; */
    background: #ffffff;
}
#modalContentContainer {
	display: block;
}
#modalContentContainer .fullscreen {
	height: 100%;
}
#modalContentImageContainer {
	margin: auto;
}
#modalContentImage {
	height:100%;
	display: block !important;
}
#modalVideo {
	height:100%;
}
#modalTranscript {
	display: none;
	text-align: center;
	color: black;
}
#modalVideo {
	width: 100%;
}
#modalAudio {
	padding: 1% 0 0;
}
#modalAudio audio{
	width: 100%;
}

.show-small {
	/*display:none;*/
}

.page-number{
    position: absolute;
    bottom: 5px;
    margin: auto;
    width: 80%;
    min-width: 40px;
    min-height: 40px;
}

/** new css **/

.pagination-container,
.pagination-container li{
    display: inline-block;
    margin: 0 !important;;
    padding: 0 !important;
}
.pagination-container li {
    float: left;
    width: 48px;
    height: 48px;
    background-color: #ffffff;
}
.pagination-container li#leftArrow,
.pagination-container li#leftArrowBottom {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-radius: 5px 0 0 5px;
}
.pagination-container li#rightArrow,
.pagination-container li#rightArrowBottom {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-radius: 0 5px 5px 0;
}
.pagination-container li#goToPage,
.pagination-container li#goToPageBottom {
    border: 1px solid #E0E0E0;
}
.pagination-container li#goToPage input,
.pagination-container li#goToPageBottom input {
    width: 46px;
    border: 0;
    height: 46px;
    padding: 0;
    text-align: center;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    color: #707070;
}
.pagination-container li a {
    float: left;
    width: 100%;
    height: 100%;
}

.cbutton.disabled-button{
    background-color: #EFEFEF;
}

.pagination-container li a.prevClass{
    background: url("data:image/svg+xml,%3Csvg id='icon_navigation_more_vert_24px' data-name='more_vert_24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Boundary' width='24' height='24' fill='none'/%3E%3Cpath id='Color' data-name='Color' d='M5,0,0,5l5,5Z' transform='translate(9 7)'/%3E%3C/svg%3E") center no-repeat;
}

.pagination-container li a.nextClass{
    background: url("data:image/svg+xml,%3Csvg id='icon_navigation_arrow_right_24px' data-name='icon/navigation/arrow_right_24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Boundary' width='24' height='24' fill='none'/%3E%3Cpath id='Color' data-name='Color' d='M-5,0,0,5l-5,5Z' transform='translate(15 7)'/%3E%3C/svg%3E") center no-repeat;
}

/** top navigation css **/

.nav-top-mobile,
.nav-bottom,
.nav-bottom-mobile {
    position: fixed;
    width: 100%;
    padding: 15px;
    height: 78px;
    z-index: 200;
    left: 0;
    background: #EEEDE7;
    box-shadow: 0 -8px 10px 10px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 -8px 10px 10px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 -8px 10px 10px rgba(0, 0, 0, 0.16);
}
.nav-bottom,
.nav-bottom-mobile {
    bottom: 0;
    display: none;
    box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.16);
}
.nav-top-mobile {
    top:0;
}
.nav-top-mobile div,
.nav-bottom div {
    float: left;
    cursor: pointer;
    display: inline-block;
}
.nav-top-mobile .cbutton,
.nav-bottom .cbutton{
    display: inline-block;
}

.main-menu{
    position: absolute;
    right: 15px;
}

.bordered-box {
    /*border: 1px solid #E0E0E0;
    border-radius: 5px;*/
}

.bordered-box .cbutton a {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    position: relative;
}

.bordered-box .cbutton a span {
    border: 1px solid #E0E0E0;
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.bordered-box .cbutton:last-child a span{
    border-left: 0;
}

.ml-30{
    margin-left: 15px;
}

.cbutton a.contentsClass span {
    background: url("data:image/svg+xml,%3Csvg id='list-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_10' data-name='Path 10' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M3,13H5V11H3Zm0,4H5V15H3ZM3,9H5V7H3Zm4,4H21V11H7Zm0,4H21V15H7ZM7,7V9H21V7Z'/%3E%3C/svg%3E%0A") center no-repeat;
}
.cbutton a.contentsClass:hover span,
.cbutton a.contentsClass:focus span,
.cbutton a.contentsClass:active span {
    background: url("data:image/svg+xml,%3Csvg id='list-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_10' data-name='Path 10' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_11' fill='%23ec008c' data-name='Path 11' d='M3,13H5V11H3Zm0,4H5V15H3ZM3,9H5V7H3Zm4,4H21V11H7Zm0,4H21V15H7ZM7,7V9H21V7Z'/%3E%3C/svg%3E%0A") center no-repeat;
}
.cbutton a.learningClass span {
    background: url("data:image/svg+xml,%3Csvg id='extension-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_25' data-name='Path 25' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_26' data-name='Path 26' d='M20.5,11H19V7a2.006,2.006,0,0,0-2-2H13V3.5a2.5,2.5,0,0,0-5,0V5H4A2,2,0,0,0,2.01,7v3.8H3.5a2.7,2.7,0,0,1,0,5.4H2V20a2.006,2.006,0,0,0,2,2H7.8V20.5a2.7,2.7,0,1,1,5.4,0V22H17a2.006,2.006,0,0,0,2-2V16h1.5a2.5,2.5,0,0,0,0-5Z' transform='translate(0 1)'/%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.learningClass:hover span,
.cbutton a.learningClass:focus span,
.cbutton a.learningClass:active span {
    background: url("data:image/svg+xml,%3Csvg id='extension-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_25' data-name='Path 25' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_26' fill='%23ec008c' data-name='Path 26' d='M20.5,11H19V7a2.006,2.006,0,0,0-2-2H13V3.5a2.5,2.5,0,0,0-5,0V5H4A2,2,0,0,0,2.01,7v3.8H3.5a2.7,2.7,0,0,1,0,5.4H2V20a2.006,2.006,0,0,0,2,2H7.8V20.5a2.7,2.7,0,1,1,5.4,0V22H17a2.006,2.006,0,0,0,2-2V16h1.5a2.5,2.5,0,0,0,0-5Z' transform='translate(0 1)'/%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.answersClass span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_alert_error_24px' data-name='error_24px' transform='translate(0)'%3E%3Crect id='boundary' width='24' height='24' transform='translate(0)' fill='none'/%3E%3Cpath id='color' data-name='color' d='M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20ZM9,13v2h2V13ZM9,5v6h2V5Z' transform='translate(2 2)'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.answersClass:hover span,
.cbutton a.answersClass:focus span,
.cbutton a.answersClass:active span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_alert_error_24px' data-name='error_24px' transform='translate(0)'%3E%3Crect id='boundary' width='24' height='24' transform='translate(0)' fill='none'/%3E%3Cpath id='color' fill='%23ec008c' data-name='color' d='M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20ZM9,13v2h2V13ZM9,5v6h2V5Z' transform='translate(2 2)'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.helpClass span {
    background: url("data:image/svg+xml,%3Csvg id='help_outline-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_14' data-name='Path 14' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M11,18h2V16H11ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.011,8.011,0,0,1,12,20ZM12,6a4,4,0,0,0-4,4h2a2,2,0,0,1,4,0c0,2-3,1.75-3,5h2c0-2.25,3-2.5,3-5A4,4,0,0,0,12,6Z'/%3E%3C/svg%3E") center no-repeat;
}
.cbutton a.helpClass:hover span,
.cbutton a.helpClass:focus span,
.cbutton a.helpClass:active span {
    background: url("data:image/svg+xml,%3Csvg id='help_outline-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_14' data-name='Path 14' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_15' fill='%23ec008c' data-name='Path 15' d='M11,18h2V16H11ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.011,8.011,0,0,1,12,20ZM12,6a4,4,0,0,0-4,4h2a2,2,0,0,1,4,0c0,2-3,1.75-3,5h2c0-2.25,3-2.5,3-5A4,4,0,0,0,12,6Z'/%3E%3C/svg%3E") center no-repeat;
}

.cbutton a.contentsClass span,
.cbutton a.answersClass span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.cbutton a.learningClass span,
.cbutton a.helpClass span {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*.cbutton a.homeClass span {
    border-radius: 5px;
    border: 1px solid #E0E0E0 !important;
}*/

.cbutton a.homeClass span {
    border-radius: 5px;
    border: 1px solid #E0E0E0 !important;
    background: #ffffff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24' height='24px' viewBox='0 0 460.298 460.297' style='enable-background:new 0 0 460.298 460.297;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M230.149,120.939L65.986,256.274c0,0.191-0.048,0.472-0.144,0.855c-0.094,0.38-0.144,0.656-0.144,0.852v137.041 c0,4.948,1.809,9.236,5.426,12.847c3.616,3.613,7.898,5.431,12.847,5.431h109.63V303.664h73.097v109.64h109.629 c4.948,0,9.236-1.814,12.847-5.435c3.617-3.607,5.432-7.898,5.432-12.847V257.981c0-0.76-0.104-1.334-0.288-1.707L230.149,120.939 z'/%3E%3Cpath d='M457.122,225.438L394.6,173.476V56.989c0-2.663-0.856-4.853-2.574-6.567c-1.704-1.712-3.894-2.568-6.563-2.568h-54.816 c-2.666,0-4.855,0.856-6.57,2.568c-1.711,1.714-2.566,3.905-2.566,6.567v55.673l-69.662-58.245 c-6.084-4.949-13.318-7.423-21.694-7.423c-8.375,0-15.608,2.474-21.698,7.423L3.172,225.438c-1.903,1.52-2.946,3.566-3.14,6.136 c-0.193,2.568,0.472,4.811,1.997,6.713l17.701,21.128c1.525,1.712,3.521,2.759,5.996,3.142c2.285,0.192,4.57-0.476,6.855-1.998 L230.149,95.817l197.57,164.741c1.526,1.328,3.521,1.991,5.996,1.991h0.858c2.471-0.376,4.463-1.43,5.996-3.138l17.703-21.125 c1.522-1.906,2.189-4.145,1.991-6.716C460.068,229.007,459.021,226.961,457.122,225.438z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
}
.cbutton a.homeClass:hover span,
.cbutton a.homeClass:active span,
.cbutton a.homeClass:focus span {
    background: #ffffff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24' height='24px' viewBox='0 0 460.298 460.297' style='enable-background:new 0 0 460.298 460.297;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ec008c' d='M230.149,120.939L65.986,256.274c0,0.191-0.048,0.472-0.144,0.855c-0.094,0.38-0.144,0.656-0.144,0.852v137.041 c0,4.948,1.809,9.236,5.426,12.847c3.616,3.613,7.898,5.431,12.847,5.431h109.63V303.664h73.097v109.64h109.629 c4.948,0,9.236-1.814,12.847-5.435c3.617-3.607,5.432-7.898,5.432-12.847V257.981c0-0.76-0.104-1.334-0.288-1.707L230.149,120.939 z'/%3E%3Cpath fill='%23ec008c' d='M457.122,225.438L394.6,173.476V56.989c0-2.663-0.856-4.853-2.574-6.567c-1.704-1.712-3.894-2.568-6.563-2.568h-54.816 c-2.666,0-4.855,0.856-6.57,2.568c-1.711,1.714-2.566,3.905-2.566,6.567v55.673l-69.662-58.245 c-6.084-4.949-13.318-7.423-21.694-7.423c-8.375,0-15.608,2.474-21.698,7.423L3.172,225.438c-1.903,1.52-2.946,3.566-3.14,6.136 c-0.193,2.568,0.472,4.811,1.997,6.713l17.701,21.128c1.525,1.712,3.521,2.759,5.996,3.142c2.285,0.192,4.57-0.476,6.855-1.998 L230.149,95.817l197.57,164.741c1.526,1.328,3.521,1.991,5.996,1.991h0.858c2.471-0.376,4.463-1.43,5.996-3.138l17.703-21.125 c1.522-1.906,2.189-4.145,1.991-6.716C460.068,229.007,459.021,226.961,457.122,225.438z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
}

.cbutton a span {
    background-color: #ffffff !important;
}
.cbutton a:hover span,
.cbutton a:active span,
.cbutton a:focus span {
    background-color: #ffffff !important;;
}

.cbutton{
    position: relative;
}

.cbutton.active-button a{
    /*border: 1px solid #004647;*/
}

.cbutton.active-button a.contentsClass span {
    border: 1px solid #b79c95;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #b79c95 url("data:image/svg+xml,%3Csvg id='list-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_10' data-name='Path 10' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_11' fill='%23ffffff' data-name='Path 11' d='M3,13H5V11H3Zm0,4H5V15H3ZM3,9H5V7H3Zm4,4H21V11H7Zm0,4H21V15H7ZM7,7V9H21V7Z'/%3E%3C/svg%3E%0A") center no-repeat !important;
}
.cbutton.active-button a.learningClass span {
    border: 1px solid #b79c95;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #b79c95 url("data:image/svg+xml,%3Csvg id='extension-24px' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_25' data-name='Path 25' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_26' fill='%23ffffff' data-name='Path 26' d='M20.5,11H19V7a2.006,2.006,0,0,0-2-2H13V3.5a2.5,2.5,0,0,0-5,0V5H4A2,2,0,0,0,2.01,7v3.8H3.5a2.7,2.7,0,0,1,0,5.4H2V20a2.006,2.006,0,0,0,2,2H7.8V20.5a2.7,2.7,0,1,1,5.4,0V22H17a2.006,2.006,0,0,0,2-2V16h1.5a2.5,2.5,0,0,0,0-5Z' transform='translate(0 1)'/%3E%3C/svg%3E") center no-repeat !important;
}

#leftArrowSmall,
#rightArrowSmall {
    position: fixed;
    top: 50%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 55px;
    height: 110px;
    z-index: 10;
    margin-top: -55px;
}

#leftArrowSmall a,
#rightArrowSmall a {
    float: left;
    width: 100%;
    height: 100%;
	background: #ffffff;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}


#leftArrowSmall a span,
#rightArrowSmall a span {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    background: none !important;
}

#leftArrowSmall a span {
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    -ms-transform: translate(4px) rotate(-45deg);
    -moz-transform: translate(4px) rotate(-45deg);
    -webkit-transform: translate(4px) rotate(-45deg);
    -o-transform: translate(4px) rotate(-45deg);
    transform: translate(4px) rotate(-45deg);
}

#rightArrowSmall a span {
    border-top: 4px solid #000;
    border-right: 4px solid #000;
    -ms-transform: translate(-4px) rotate(45deg);
    -moz-transform: translate(-4px) rotate(45deg);
    -webkit-transform: translate(-4px) rotate(45deg);
    -o-transform: translate(-4px) rotate(45deg);
    transform: translate(-4px) rotate(45deg);
}

#leftArrowSmall {
    left: auto;
    border-left: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: -2px 5px 10px #ccc;
    margin-left: -56px;
}

#rightArrowSmall {
    right: auto;
    border-right: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 2px 5px 10px #ccc;
    margin-right: 1171px;
}

h4.title-amii,
h4.title-mini {
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
    font-family: 'Roboto-Bold', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #333333;
    height: 25px;
}

/** end new css **/

.pos-left { left: 15px; right: auto; display: flex !important; align-items: center; }
.border-left { border-left: 1px solid #E0E0E0 !important; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; }

.content-scroll,
.amii-scroll {
    float: left;
    clear: both;
    width: 100%;
    height: calc(100% - 45px);
}

@media screen and (max-height: 455px) {
    .nav { display:none !important}
}

/* Landscape tablet*/
@media screen and (min-width: 1024px) and (max-width: 1199px), (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	body.expanded {
		padding: 0;
	}
	.single-page#innerWrapper {
		margin: 0 4%;
	}

	#outerWrapper {
		/* padding: 1% 7.5%; */
	}
	.expanded #outerWrapper {
		/* padding: 1% 8.5% */;
	}
	.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
		width: 50%;
	}
	#helpImg {
		max-height: none;
	}
	.nav {
		bottom: 10%;
		line-height: 1.5em;
	}
}
/* Portrait tablet*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	body.expanded {
		padding: 0;
	}
	#outerWrapper {
		/* padding: 1% 8.5%; */
	}
	.expanded #outerWrapper {
		/* padding: 1% 11%; */
	}
	.actions-wrapper .action {
		padding: 10px 0;
	}
	.actions-wrapper .fa {
		/*font-size: 1em;*/
	}
	.actions-wrapper.actions-right {
		right: -10%;
	}
	.actions-wrapper.actions-left {
		left: -10%;
	}
	.actions-wrapper .nav {
		/*top: 25%;*/
	}
	.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
		right: 0;
		width: 50%;
	}
	/*#miniContentsWrapper, #amiiContentsWrapper {
		width: 70%;
	}*/
    #amiiNavPrev {
        margin:0 0 0 10px;
        width: calc(50% - 10px)
    }
    #amiiNavNext {
        margin:0 10px 0 0;
        width: calc(50% - 10px)
    }
}

@media screen and (min-width: 1023px) and (max-width: 1200px){

}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
	.actions-wrapper.actions-left {
		left: -10%;
	}
	.actions-wrapper.actions-right {
		right: -10%;
	}
	.expanded #miniContentsWrapper, .expanded #amiiContentsWrapper {
		right: 0;
		width: 100%;
		top: 78px;
	}
	.single-page .page-content{
		/*margin-top: 50px;
		margin-bottom: 60px;*/
        margin-top: 0px;
		margin-bottom: 78px;
	}
}
/* Phone, very small devices*/
@media screen and (max-width: 767px) and (orientation: landscape) {

}
@media screen and (max-width: 1024px) {

	.modalTitle, .modalNavigation {
		font-size: 1.3em;
	}
	.modalClose span {
		font-size: 1.1em;
	}
}
@media screen and (max-width: 1023px) and (orientation: portrait) {

}
@media screen and (min-width: 320px) and (max-width: 767px), (max-height: 540px) {

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#outerWrapper {
		height: 200px;
		display: -ms-flexbox;
		-ms-flex-direction: row;
		-ms-flex-pack: center;
		-ms-flex-line-pack: center;
	}
	.page-content {
		max-width: none;
	}
	.page-content#singlePage {
		max-width: none;
		width: 100%;
	}
	.overlay {
		background-color: rgba(255, 255, 255, 0.01);
	}
}
@media all and (orientation: landscape) and (-ms-high-contrast: none), (orientation: landscape) and (-ms-high-contrast: active) {
	.expanded #outerWrapper {
		height: 100%;
	}
}
@media (max-width:767px) {

    #amiiNavPrev span.fa{
        left: 3px;
    }
    #amiiNavNext span.fa{
        right: 3px;
    }

    #amiiNavPrev {
        margin:0 0 0 10px;
        width: calc(50% - 10px);
    }
    #amiiNavNext {
        margin:0 10px 0 0;
        width: calc(50% - 10px);
    }
    #amiiNavPrev a, #amiiNavNext a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

	#modalTitle{
		padding:  15px 0 15px 25px;
		display: inline-block;
		width: 80%;
		float: left;
		line-height: normal;
	}

	.show-small {
		display:block;
	}

    #leftArrowSmall,
    #rightArrowSmall {
        display: none;
    }

    div#content {
        margin-top: 78px;
    }

    #miniContentsWrapper, #amiiContentsWrapper {
        height: calc(100% - 156px) !important;
    }

    #miniContentsWrapper .lesson-list, #amiiContentsWrapper .amii-list {
        /*padding-bottom: 78px !important;*/
    }

}

@media screen and (max-width: 1024px) {

	#amiiNavNext a{
		padding-right: 30px;
	}
	#amiiNavPrev a{
		padding-left: 30px;
	}
	#amiiNavPrev span.fa,
	#amiiNavNext span.fa {
		top: 16px;
	}
}

#modalContentContainer.fullscreen{
	margin: 0px !important;
	width: 100% !important;
	height: 100% !important;
}

.visibility-hidden{
	visibility: hidden !important;
}

#pageContentBlock table td, #pageContentBlock table td{
	padding: 10px;
}

#pageContentBlock table td p:last-child{
	margin-bottom: 0px;
}

#modal.modal-items{
    background: #ffffff;
}

#modalTitle span.katex{
    font-size: 1.000em !important;
    text-transform: none;
}

.logo{
    display: inline-block;
    color: #004647;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 12px;
    text-decoration: underline;
    margin-left: 15px;
}
.logo:hover, .logo:active, .logo:focus{
    text-decoration: none;
    color: #004647;
}

@media (max-width:767px) {
	.page{
		bottom: -7px !important;
	}
	.nav-top-mobile, .nav-bottom-mobile { display: block; }
	.nav-bottom { display: none; }
}
@media (max-width:992px) {
	.actions-wrapper .fa{
		font-size: 1.7em;
	}
	.actions-wrapper .fa.fa-home{
		font-size: 2em;
	}
	div[class^="titlu-unitate"] h2 {
		font-size: 18pt !important;
	}
}
@media (min-width:768px) {
	.actions-wrapper {
		width: 8%;
	}
	.container {
		width: 600px
	}
    #rightArrowSmall {
        margin-left: 601px;
    }
	.nav-top-mobile, .nav-bottom-mobile { display: none; }
	.nav-bottom { display: block; }
}
@media (min-width:992px) {
	.actions-wrapper {
		width: 8%;
	}
	.container {
		width: 650px;
	}
    #rightArrowSmall {
        margin-left: 651px;
    }
}
@media (min-width:1000px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 800px;
	}
    #rightArrowSmall {
        margin-left: 801px;
    }
}
@media (min-width:1050px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 850px
	}
    #rightArrowSmall {
        margin-left: 851px;
    }
}
@media (min-width:1200px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 1000px
	}
    #rightArrowSmall {
        margin-left: 1001px;
    }
}
@media (min-width:1300px) {
    .container {
        width: 1100px
    }
	.actions-wrapper {
		width: 5.0%;
	}
    #rightArrowSmall {
        margin-left: 1101px;
    }
}
@media (min-width:1400px) {
	.actions-wrapper {
		width: 6.5%;
	}
	.container {
		width: 1170px
	}
    #rightArrowSmall {
        margin-left: 1171px;
    }
}

.oyoplayer {
	box-sizing: border-box;
	/*width: 500px;*/
	min-width: 272px;
	/*max-width: 500px;*/
	border-radius: 10px;
	box-shadow: 2px 2px 15px black;
	background-color: #002c6a;
	padding: 0px 0px;
	margin-bottom: 8px;
	font-size: 8pt;
	user-select: none;
	overflow: hidden;
	position: absolute;
	left:0;
	z-index:110;
	height: 30px;
}
audio.oyoaudio {
	font-size: 53.33px;
	font-weight: 900;
	outline-style: none;
	/*width: 484px;*/
	height: 30px;
	background-color: black;
}
audio.oyoaudio::-webkit-media-controls {
	overflow: hidden !important;
}
audio.oyoaudio::-webkit-media-controls-enclosure {
	background-color: black;
	width: calc(100% + 44px);
	margin-left: auto;
	border-radius: 0px;
}
audio.oyoaudio::-webkit-media-controls-current-time-display,
audio.oyoaudio::-webkit-media-controls-time-remaining-display,
audio.oyoaudio::-webkit-media-controls-play-button,
audio.oyoaudio::-webkit-media-controls-mute-button,
audio.oyoaudio::-webkit-media-controls-timeline,
audio.oyoaudio::-webkit-media-controls-volume-slider {
	filter: invert(100%);
}
.oyotagbox {
	overflow: hidden;
	border-radius: 8px;
	margin: 8px 0px 0px;
	box-sizing: border-box;
}
.oyotag {
	display: inline-block;
	color: white;
	white-space: nowrap;
	box-sizing: border-box;
	font-size: 13.33px;
	font-weight: 700;
	height: 15.33px;
	padding: 0px;
}
#pageContentBlock p, #pageContentBlock h3, #pageContentBlock h4, #pageContentBlock h5{
	padding-right: 15px;
	padding-left: 15px;
}
#pageContentBlock .right{
	margin-bottom: 20px;
	min-height: 1px;
}