/*
   Author: Xamisoft
   Created: March 2021
   Description: Master CSS file
*/

@import url(variables.css);

.flag {
  width: 80px;
  height: 80px;
  /*-webkit-clip-path: polygon(100px 100px, 100px 0px, 0px 0px, 100px 100px);
  clip-path: polygon(100px 100px, 100px 0px, 0px 0px, 100px 100px);*/
}
.move {
	margin-top: -32px;
	margin-right: -32px;
}

.flag-ar {
  width: 80px;
  height: 80px;
  /*-webkit-clip-path: polygon(0px 100px, 0px 0px, 100px 0px, 0px 100px);
  clip-path: polygon(0px 100px, 0px 0px, 100px 0px, 0px 100px);*/
}
.move-ar {
	margin-top: -32px;
	margin-left: -32px;
}


.card-info-left {
	width:auto;
	text-align:start;
	position:absolute;
	/*opacity:0.8;*/
	left:0;
	top:0;
}
.card-info-left-ar {
	width:auto;
	text-align:end;
	position:absolute;
	/*opacity:0.8;*/
	right:0;
	top:0;
}
.card-info-right {
	position:absolute;
	width:auto;
	text-align:end;
	opacity:0.8;
	right:0;
	top:0;
}
.card-info-right-ar {
	position:absolute;
	width:auto;
	text-align:start;
	opacity:0.8;
	left:0;
	top:0;
}

.accent-color {
    color: var(--blue-color);
}

.small-program-card {
	background-color: var(--program-background-color) !important;
}
.blue {
	background-color: var(--blue-background-color) !important;
}
.blue2 {
	background-color: var(--blue2-background-color) !important;
}
.purple {
	background-color: var(--purple-background-color) !important;
}
.green {
	background-color: var(--green-background-color) !important;
}
.orange {
	background-color: var(--orange-background-color) !important;
}
.red {
	background-color: var(--red-background-color) !important;
}
.transparent {
	background-color: var(--background-transparent) !important;
}
.books {
	background-color: var(--books-background-color) !important;
}

.fa-stack-purple {
	color: var(--purple-background-color);
}

.bold {
	font-weight:900;
}

.app-title-color {
	color: var(--brown-color) !important;
}

.lettrine::first-letter {	
	font-size: 100%;	
	initial-letter: 3;
	-webkit-initial-letter: 3;
}

.background-section-0 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-transparent) !important;
	background-size: cover;
	position:relative;	
}

.background-section-0:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-url) center;	
   	opacity: 0.5;
}	


.background-section-1 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--purple-background-color) !important;
	background-size: cover;
	position:relative;
	z-index: 6;
	box-shadow: var(--capture-shadow);
}
.background-section-1:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-chinese-url) center;
	/*background-color: var(--section-background-color);*/
   	opacity: var(--background-opacity-chinese);
}	

.background-section-2 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--blue-background-color) !important;
	background-size: cover;
	position:relative;
	z-index: 6;
	box-shadow: var(--capture-shadow);
}
.background-section-2:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-url) center;	
   	opacity: 0.5;
}	

.background-section-3 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--orange-background-color) !important;
	background-size: cover;
	position:relative;	
	z-index: 6;
	box-shadow: var(--capture-shadow);
}
.background-section-3:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-chinese-url) center;	
	background-color: var(--section-background-color);
   	opacity: var(--section-background-opacity);
}	

.background-section-4 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--red-background-color) !important;
	background-size: cover;
	position:relative;
	z-index: 6;
	box-shadow: var(--capture-shadow);
}
.background-section-4:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-chinese-url) center;	
   	opacity: var(--background-opacity-chinese);
}	

.background-section-5 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--green-background-color) !important;
	background-size: cover;
	position:relative;
}
.background-section-5:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-url) center;	
   	opacity: 0.5;
}	

.background-section-6 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--blue2-background-color) !important;
	background-size: cover;
	position:relative;
	z-index: 6;
	box-shadow: var(--capture-shadow);
}
.background-section-6:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-chinese-url) center;	
   	opacity: var(--background-opacity-chinese);
}	

.books-section {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-color) !important;
	background-size: cover;
	position:relative;
}
.books-section:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--books-url) center;
	/*background-color: var(--section-background-color);*/
   	opacity: var(--background-opacity-books);
}	
.phones-section {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--purple-background-color) !important;
	background-size: cover;
	position:relative;
}
.phones-section:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--phones-url) center;	
   	opacity: var(--background-opacity-phones);
}	


.section-content {
    position: relative; 
    z-index: 2;
}​

.title-link:hover {
	text-decoration:underline;
	text-decoration-color: var(--purple-color);
	font-weight: bold;
}

.title-link-blue {
	color: var(--blue-color);
}

.title-link-blue:hover {
	text-decoration:underline;
	text-decoration-color: var(--blue-color);
	font-weight: bold;
}

.navbar-custom .fa-stack-2x {
	color: var(--blue-color);
	transition: all 0.2s ease;
}

.footer .list-unstyled .fas {
	color: var(--blue-color);
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.footer .fa-stack .fa-stack-2x {
	color: var(--blue-color);
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: var(--blue-color);
}

.fa-stack  {
	color: var(--blue-color);
	transition: all 0.2s ease;
}

.fa-stack-1x {
	color: var(--blue-color);
}

.navbar-custom .fa-stack-2x {
	color: var(--blue-color);
	transition: all 0.2s ease;
}

.fa-stack-2x {
	color: var(--blue-color) !important;
	transition: all 0.2s ease;
}

.app-color {
	color: var(--purple-color);
	font-weight: bold;
}

.blue-color {
	color: var(--blue-color);
}
	
.column-border-right {
	border-right-color: var(--separator);
	border-right-width: 1px;
	border-right-style: solid;
	border-radius: 0;
}

.column-border-left {
	border-left-color: var(--separator);
	border-left-width: 1px;
	border-left-style: solid;
	border-radius: 0;
}

.shadow {
	box-shadow: var(--capture-shadow);
}
.inset-shadow {
	box-shadow: inset var(--capture-shadow);
}

.title-color {
	color: var(--title-color);
}

.text-shadow {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}

.icon-shadow {
	filter: drop-shadow(0 0 0.75rem rgba(0, 0, 2, 0.2));
}

.logo-shadow {
	filter: drop-shadow(0 0 0.75rem rgba(0, 0, 1, 0.2));
}

.app-tags {		
	border-color: var(--separator);	
	overflow: hidden;
}

.app-tags-ar {
	border-color: var(--separator);		
	overflow: hidden;
}

.card-background {
	background-color: var(--card-background-color-dark);
	background-clip: border-box;
	overflow: hidden;
}

.border-top-normal {		
	border-color: var(--separator);
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px !important;
	border-bottom-width: 0px;
	border-style: solid;
}

.border-top-card {
	border-radius: 0px 0px var(--radius) var(--radius) !important;
	border-color: var(--separator);
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px !important;
	border-bottom-width: 0px;
	border-style: solid;
}

.border-bottom-card {
	border-radius: var(--radius) var(--radius) 0px 0px !important;		
	border-color: var(--separator);
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px !important;
	border-style: solid;
	background-color: var(--background-color-dark);
}

.border-top-tags {
	border-color: var(--separator);
}

.app-background {
	border-radius: var(--radius) var(--radius) var(--radius) var(--radius);
	text-align:center;
	margin: 0px;		
	box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	background: url('/img/backgrounds/background2.png') left top repeat;	
	border-color: var(--separator);
	border-width: 0px;
	border-style: solid;
}

.app-background-title {
	border-radius: 0px 0px var(--radius) var(--radius);
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	background-color: var(--background-color-dark);
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-title2 {
	border-radius: 0px 0px var(--radius) var(--radius);
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	background-color: var(--background-color-dark);
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-title-radius {
	border-radius: var(--radius) var(--radius) var(--radius) var(--radius);
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;		
}

.app-background-title-top {
	border-radius: var(--radius) var(--radius) 0px 0px;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	border-bottom-color: var(--separator);
	border-bottom-width: 0px;
	border-bottom-style: solid;
}

.app-background-empty, .app-background-empty-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;
	margin: 0px;
	background-color: var(--card-background-color-dark);
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-chinese-guru, .app-background-chinese-guru-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;
	margin: 0px;
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-sinograms, .app-background-sinograms-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;	
	margin: 0px;	
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-japanese-guru, .app-background-japanese-guru-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;	
	margin: 0px;	
	background-position: center;
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-kanjikana, .app-background-kanjikana-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;	
	margin: 0px;	
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-cantonese-guru, .app-background-cantonese-guru-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;	
	margin: 0px;	
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-vietnamese-guru, .app-background-vietnamese-guru-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;	
	margin: 0px;	
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-korean-guru, .app-background-korean-guru-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;	
	margin: 0px;	
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.app-background-euskara, .app-background-euskara-ar {
	background-size: cover;
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;	
	margin: 0px;	
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.background-welcome {
	background: var(--background-url) center repeat;
}	

.background-chinese {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-section-color) !important;
	background-size: cover;
	position:relative;
}
.background-chinese:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-chinese-url) center top;	
   	opacity: var(--background-opacity-chinese);
}	
.background-chinese-books {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--green-background-color) !important;
	background-size: cover;
	position:relative;
}
.background-chinese-books:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-chinese-url) center;	
   	opacity: 0.2;
}	
.background-chinese-books2 {
	padding-top: 0rem;
	padding-bottom: 2.875rem;
	background-color: var(--background-section-color) !important;
	background-size: cover;
	position:relative;
}
.background-chinese-books2:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-chinese-url) center top;	
   	opacity: var(--background-opacity-chinese);
}	

.background-cantonese {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-section-color) !important;
	background-size: cover;
	position:relative;
}
.background-cantonese:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-cantonese-url) center top;	
   	opacity: var(--background-opacity-cantonese);
}	
.background-cantonese-books {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--green-background-color) !important;
	background-size: cover;
	position:relative;
}
.background-cantonese-books:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-cantonese-url) center;	
   	opacity: 0.9;
}	


.background-japanese {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-section-color) !important;
	background-size: cover;
	position:relative;
}
.background-japanese:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-japanese-url) center top;	
   	opacity: var(--background-opacity-japanese);
}	
.background-japanese-books {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--green-background-color) !important;
	background-size: cover;
	position:relative;
}
.background-japanese-books:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-japanese-url) center;	
   	opacity: 0.9;
}	

.background-vietnamese {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-section-color) !important;
	background-size: cover;
	position:relative;
}
.background-vietnamese:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-vietnamese-url) center top;	
   	opacity: var(--background-opacity-vietnamese);
}	
.background-vietnamese-books:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-vietnamese-url) center;	
   	opacity: 0.9;
}	

.background-korean {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-section-color) !important;
	background-size: cover;
	position:relative;
}
.background-korean:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-korean-url) center top;	
   	opacity: var(--background-opacity-korean);
}	
.background-korean-books {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--green-background-color) !important;
	background-size: cover;
	position:relative;
}
.background-korean-books:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-korean-url) center;	
   	opacity: 0.9;
}	

.background-euskara {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--background-section-color) !important;
	background-size: cover;
	position:relative;
}
.background-euskara:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-euskara-url) center top;	
   	opacity: var(--background-opacity-euskara);
}	
.background-euskara-books {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--green-background-color) !important;
	background-size: cover;
	position:relative;
}
.background-euskara-books:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--background-euskara-url) center;	
   	opacity: 0.9;
}	

.nav-color {
	background-color: var(--nav-background-color);
}

.nav-text-color {
	color: var(--nav-text-color)
}

.progress {
	border-radius: var(--radius-progress);
	background-color: var(--background-color-dark);
	color: var(--progress-background-color);
	box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

progress[value]::-webkit-progress-bar {
	background-color: var(--background-color-dark);
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
	background-image:
			-webkit-linear-gradient(-45deg, 
									transparent 33%, rgba(0, 0, 0, .1) 33%, 
									rgba(0,0, 0, .1) 66%, transparent 66%),
			-webkit-linear-gradient(top, 
									rgba(255, 255, 255, .25), 
									rgba(0, 0, 0, .25)),
			-webkit-linear-gradient(left, #007AFF, #f44);
	
		border-radius: var(--radius-progress); 
		background-size: 35px 20px, 100% 100%, 100% 100%;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

.chinese-language-background {
	background-color: #1D1D1F;
}

.card-item {
	background-color: var(--card-background-color-dark);
	box-shadow: var(--card-shadow-x) var(--card-shadow-y) var(--card-shadow-blur) var(--card-shadow-radius) var(--card-shadow-color);
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-nav {
	background-color: transparent;		
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-small {
	background-color: var(--card-background-color-dark);
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: var(--small-card-border-color);
	border-width: 0px;
	border-style: solid;
}

.card-item-small2 {
	background-color: var(--card-background-color-dark);
	/*box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
}

.card-item-small3 {
	background-color: var(--card-background-color-dark);
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.3);*/
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-small-category {
	background-color: gray;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-small-category-blue {
	background-color: var(--blue-color);
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-small-category-orange {
	background-color: orange;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-small-category-green {
	background-color: #87AA8E;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-small-category-purple {
	background-color: mediumpurple;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.card-item-small-category-collection {
	background-color: #EF4855;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: transparent;
	border-width: 0px;
	border-style: solid;
	border-radius: var(--radius-small) 0 var(--radius-small) 0;
}

.card-item-small-category-collection-ar {
	background-color: #EF4855;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: transparent;
	border-width: 0px;
	border-style: solid;
	border-radius: 0px var(--radius-small) 0px var(--radius-small);
}

.card-item-small-category-collection2 {
	background-color: #EF4855;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: transparent;
	border-width: 0px;
	border-style: solid;
}

.card-item-small-category-soon {
	background-color: #87AA8E;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: transparent;
	border-width: 0px;
	border-style: solid;
	border-radius: var(--radius) 0 var(--radius) 0;
}

.card-item-small-category-soon-ar {
	background-color: #87AA8E;
	color: white;
	font-size: 10px;
	/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	border-color: transparent;
	border-width: 0px;
	border-style: solid;
	border-radius: 0px var(--radius) 0px var(--radius);
}

.category-text {
	color: var(--category-text);
	background-color: var(--background-color-dark);
	font-size: 10px;
}

.background-color {
	background-color:var(--background-color);
}

.os-icon {
	margin-inline:10px;
	color:gray;
}
.os-icon-smaller {
	margin-inline:10px;
	color:gray;
}

.cookie-dialog {
	color:white;
}

.cookie-banner {
	background-color: var(--cookie-banner-background-color);
	color:var(--normal-text);
	box-shadow: 1px -10px 25px  rgba(0, 0, 0, 0.3)
}

.cookie-banner.active {
	background-color: var(--cookie-banner-background-color);
}

.cookie-inform-and-ask {
	background-color: var(--cookie-banner-background-color);
	color: var(--normal-text);
}

.cookie-inform-and-ask .cookie-dialog {
	color: var(--normal-text);
	background-color: #191919;
	box-shadow: 1px -10px 25px  rgba(0, 0, 0, 0.2);
	border-color: var(--cookie-dialog-background-color);
	border-style:solid;
	border-width:0px;
	border-radius:var(--radius-cookie);
}

.mfp-counter {
	right:10px;
	color: var(--normal-text);
}
.mfp-close {
	right:10px;
	text-align:start;
	color: var(--normal-text);
}

.mfp-close-ar {
	left:10px;
	text-align:start;
	color: var(--normal-text);
	background-color: transparent;
	border: none;
}

.mfp-container figure {
	box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	border-radius: var(--radius);
	background-color: var(--card-background-color-dark);
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
}

.image-light {
	display:none;
}

.image-dark {
	display:block;
}

.default-text-color {
	color: var(--normal-text);
}

.line {
	background-color: var(--line);
	width: 26px;
	height: 2px;
	margin-bottom: 20px;
}

hr {
	opacity: 1;
	border: none;
	border-top: 1px solid var(--separator);
	color: lightgray;
	overflow: visible;
	text-align:center;
	height: 5px;
}

.separator {
	background-color:var(--separator);
	width:1px;
}

.separator-color {
	background-color:var(--separator);
	border-right-width: 0px;
	border-right-style: solid;
}

.card-separator-color {		
	width: 0px;
	background-color:var(--separator);
}

.horizontal-separator {
	height:1px;
	background-color:var(--separator);
	width: 100%;
}

.language-border {
	border-top: 0px solid #292929;
	border-bottom: 0px solid transparent; /*#292929;*/
}

.language2-border {
	border-top: 0px solid #1E1E1E;
	border-bottom: 0px solid transparent; /* #1E1E1E;*/
}

.language {
	/*background: url('../img/backgrounds/background2.png') left top repeat;*/
	padding-top: 5.5rem;
	padding-bottom: 3.15rem;
}

.language2 {
	/*background: url('../img/backgrounds/background2.png') left top repeat;*/
	padding-top: 5.5rem;
	padding-bottom: 3.75rem;
}
.header-language {
	/*background: url('../img/backgrounds/background2.png') left top repeat;*/
}

.language .title {
	font-size: 200%;
	font-weight: 100;
}

.language .subtitle {
	font-size: 100%;
	font-weight: bold;
}

.header-background-color {
	background-color: var(--separator);
}

.header-color {
	color:#19191B;
}

.header-background {
	padding-top: 6.25rem;
	background-color: var(--separator);
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color:#292929;
	box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	z-index: 10;
}

.card-border-top {
	border-top-width:0px;
	border-top-style:solid;
	border-top-color: var(--separator);
}

.card-border-bottom {
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-top-color: var(--separator);
}

.card-border-top-bottom {
	border-top-width:0px;
	border-top-style:solid;
	border-top-color:#3C3C3D;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-top-color: var(--separator);
}

.header-welcome {
	padding-top: 0rem;
	padding-bottom: 2.625rem;
	/*background-color:#19191B;*/
	background-size: cover;
	text-align: center;
}

.card-welcome {
	padding-top:0px;
	vertical-align:middle;
	/*background-color:#19191B;*/
	font-weight:lighter;
	font-size:20px;
	text-align:center;
	overflow: hidden;
}

.dropdown-divider {
	height: 0;
	margin: 0.5rem 1.3rem;
	overflow: hidden;
	border-top: 1px solid var(--separator);
}

.euskadi {
	width:20px;
	height:15px;
	border-radius: 3px;
	border-style: solid;
	border-width: 0px;
	border-color:#1E1E1E;
	/*box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);*/
	margin-top:-4px;
}

.capture-background {
	border-radius: var(--radius);
	background-color: var(--background-transparent);
}
.capture-background-top {
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
	background-color: var(--background-transparent);
}
.capture-background-bottom {
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	background-color: var(--background-transparent);
}

.gray-image {
	filter: var(--image-filter);
}

.title-icon {
	color: var(--normal-text);
}

.capture {
	border-radius: var(--radius-capture);
	border-style: solid;
	border-width: 0.5px;	
	border-color: var(--separator);
	background-color:transparent;
	box-shadow: var(--capture-shadow);
}

.iphone {
	border-radius: var(--radius);
	border-style: solid;
	border-width: 1px;
	border-color:#1E1E1E;
	background-color:black;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.img-book-reading-hsk1-1 {
	content: var(--img-book-reading-hsk1-1);
}
.img-book-reading-hsk2-1 {
	content: var(--img-book-reading-hsk2-1);
}
.img-book-reading-hsk3-1 {
	content: var(--img-book-reading-hsk3-1);
}
.img-book-reading-hsk4-1 {
	content: var(--img-book-reading-hsk4-1);
}
.img-book-reading-hsk5-1 {
	content: var(--img-book-reading-hsk5-1);
}
.img-book-reading-hsk6-1 {
	content: var(--img-book-reading-hsk6-1);
}

.img-book-reading-hsk1-1-es {
	content: var(--img-book-reading-hsk1-1-es);
}
.img-book-reading-hsk2-1-es {
	content: var(--img-book-reading-hsk2-1-es);
}
.img-book-reading-hsk3-1-es {
	content: var(--img-book-reading-hsk3-1-es);
}
.img-book-reading-hsk4-1-es {
	content: var(--img-book-reading-hsk4-1-es);
}
.img-book-reading-hsk5-1-es {
	content: var(--img-book-reading-hsk5-1-es);
}
.img-book-reading-hsk6-1-es {
	content: var(--img-book-reading-hsk6-1-es);
}

.img-book-reading-hsk1-1-id {
	content: var(--img-book-reading-hsk1-1-id);
}
.img-book-reading-hsk2-1-id {
	content: var(--img-book-reading-hsk2-1-id);
}
.img-book-reading-hsk3-1-id {
	content: var(--img-book-reading-hsk3-1-id);
}
.img-book-reading-hsk4-1-id {
	content: var(--img-book-reading-hsk4-1-id);
}
.img-book-reading-hsk5-1-id {
	content: var(--img-book-reading-hsk5-1-id);
}
.img-book-reading-hsk6-1-id {
	content: var(--img-book-reading-hsk6-1-id);
}

.img-book-reading-hsk1-1-vn {
	content: var(--img-book-reading-hsk1-1-vn);
}
.img-book-reading-hsk2-1-vn {
	content: var(--img-book-reading-hsk2-1-vn);
}
.img-book-reading-hsk3-1-vn {
	content: var(--img-book-reading-hsk3-1-vn);
}
.img-book-reading-hsk4-1-vn {
	content: var(--img-book-reading-hsk4-1-vn);
}
.img-book-reading-hsk5-1-vn {
	content: var(--img-book-reading-hsk5-1-vn);
}
.img-book-reading-hsk6-1-vn {
	content: var(--img-book-reading-hsk6-1-vn);
}

.img-book-reading-hsk1-1-tr {
	content: var(--img-book-reading-hsk1-1-tr);
}
.img-book-reading-hsk2-1-tr {
	content: var(--img-book-reading-hsk2-1-tr);
}
.img-book-reading-hsk3-1-tr {
	content: var(--img-book-reading-hsk3-1-tr);
}
.img-book-reading-hsk4-1-tr {
	content: var(--img-book-reading-hsk4-1-tr);
}
.img-book-reading-hsk5-1-tr {
	content: var(--img-book-reading-hsk5-1-tr);
}
.img-book-reading-hsk6-1-tr {
	content: var(--img-book-reading-hsk6-1-tr);
}

.img-book-reading-hsk1-1-fr {
	content: var(--img-book-reading-hsk1-1-fr);
}
.img-book-reading-hsk2-1-fr {
	content: var(--img-book-reading-hsk2-1-fr);
}
.img-book-reading-hsk3-1-fr {
	content: var(--img-book-reading-hsk3-1-fr);
}
.img-book-reading-hsk4-1-fr {
	content: var(--img-book-reading-hsk4-1-fr);
}
.img-book-reading-hsk5-1-fr {
	content: var(--img-book-reading-hsk5-1-fr);
}
.img-book-reading-hsk6-1-fr {
	content: var(--img-book-reading-hsk6-1-fr);
}

.img-book-reading-hsk1-1-pt {
	content: var(--img-book-reading-hsk1-1-pt);
}
.img-book-reading-hsk2-1-pt{
	content: var(--img-book-reading-hsk2-1-pt);
}
.img-book-reading-hsk3-1-pt {
	content: var(--img-book-reading-hsk3-1-pt);
}
.img-book-reading-hsk4-1-pt {
	content: var(--img-book-reading-hsk4-1-pt);
}
.img-book-reading-hsk5-1-pt {
	content: var(--img-book-reading-hsk5-1-pt);
}
.img-book-reading-hsk6-1-pt {
	content: var(--img-book-reading-hsk6-1-pt);
}

.img-book-reading-hsk1-1-de {
	content: var(--img-book-reading-hsk1-1-de);
}
.img-book-reading-hsk2-1-de {
	content: var(--img-book-reading-hsk2-1-de);
}
.img-book-reading-hsk3-1-de {
	content: var(--img-book-reading-hsk3-1-de);
}
.img-book-reading-hsk4-1-de {
	content: var(--img-book-reading-hsk4-1-de);
}
.img-book-reading-hsk5-1-de {
	content: var(--img-book-reading-hsk5-1-de);
}
.img-book-reading-hsk6-1-de {
	content: var(--img-book-reading-hsk6-1-de);
}

.img-book-reading-hsk1-1-ru {
	content: var(--img-book-reading-hsk1-1-ru);
}
.img-book-reading-hsk2-1-ru {
	content: var(--img-book-reading-hsk2-1-ru);
}
.img-book-reading-hsk3-1-ru {
	content: var(--img-book-reading-hsk3-1-ru);
}
.img-book-reading-hsk4-1-ru {
	content: var(--img-book-reading-hsk4-1-ru);
}
.img-book-reading-hsk5-1-ru {
	content: var(--img-book-reading-hsk5-1-ru);
}
.img-book-reading-hsk6-1-ru {
	content: var(--img-book-reading-hsk6-1-ru);
}

.img-book-reading-hsk1-1-th {
	content: var(--img-book-reading-hsk1-1-th);
}
.img-book-reading-hsk2-1-th {
	content: var(--img-book-reading-hsk2-1-th);
}
.img-book-reading-hsk3-1-th {
	content: var(--img-book-reading-hsk3-1-th);
}
.img-book-reading-hsk4-1-th {
	content: var(--img-book-reading-hsk4-1-th);
}
.img-book-reading-hsk5-1-th {
	content: var(--img-book-reading-hsk5-1-th);
}
.img-book-reading-hsk6-1-th {
	content: var(--img-book-reading-hsk6-1-th);
}

.img-book-reading-jlpt1-1-en {
	content: var(--img-book-reading-jlpt1-1-en);
}
.img-book-reading-jlpt2-1-en {
	content: var(--img-book-reading-jlpt2-1-en);
}
.img-book-reading-jlpt3-1-en {
	content: var(--img-book-reading-jlpt3-1-en);
}
.img-book-reading-jlpt4-1-en {
	content: var(--img-book-reading-jlpt4-1-en);
}
.img-book-reading-jlpt5-1-en {
	content: var(--img-book-reading-jlpt5-1-en);
}

.img-book-reading-jlpt1-1-fr {
	content: var(--img-book-reading-jlpt1-1-fr);
}
.img-book-reading-jlpt2-1-fr {
	content: var(--img-book-reading-jlpt2-1-fr);
}
.img-book-reading-jlpt3-1-fr {
	content: var(--img-book-reading-jlpt3-1-fr);
}
.img-book-reading-jlpt4-1-fr {
	content: var(--img-book-reading-jlpt4-1-fr);
}
.img-book-reading-jlpt5-1-fr {
	content: var(--img-book-reading-jlpt5-1-fr);
}

.img-book-reading-jlpt1-1-es {
	content: var(--img-book-reading-jlpt1-1-es);
}
.img-book-reading-jlpt2-1-es {
	content: var(--img-book-reading-jlpt2-1-es);
}
.img-book-reading-jlpt3-1-es {
	content: var(--img-book-reading-jlpt3-1-es);
}
.img-book-reading-jlpt4-1-es {
	content: var(--img-book-reading-jlpt4-1-es);
}
.img-book-reading-jlpt5-1-es {
	content: var(--img-book-reading-jlpt5-1-es);
}

.img-book-reading-jlpt1-1-pt {
	content: var(--img-book-reading-jlpt1-1-pt);
}
.img-book-reading-jlpt2-1-pt {
	content: var(--img-book-reading-jlpt2-1-pt);
}
.img-book-reading-jlpt3-1-pt {
	content: var(--img-book-reading-jlpt3-1-pt);
}
.img-book-reading-jlpt4-1-pt {
	content: var(--img-book-reading-jlpt4-1-pt);
}
.img-book-reading-jlpt5-1-pt {
	content: var(--img-book-reading-jlpt5-1-pt);
}

.img-book-reading-jlpt1-1-de {
	content: var(--img-book-reading-jlpt1-1-de);
}
.img-book-reading-jlpt2-1-de {
	content: var(--img-book-reading-jlpt2-1-de);
}
.img-book-reading-jlpt3-1-de {
	content: var(--img-book-reading-jlpt3-1-de);
}
.img-book-reading-jlpt4-1-de {
	content: var(--img-book-reading-jlpt4-1-de);
}
.img-book-reading-jlpt5-1-de {
	content: var(--img-book-reading-jlpt5-1-de);
}

.img-book-reading-jlpt1-1-ru {
	content: var(--img-book-reading-jlpt1-1-ru);
}
.img-book-reading-jlpt2-1-ru {
	content: var(--img-book-reading-jlpt2-1-ru);
}
.img-book-reading-jlpt3-1-ru {
	content: var(--img-book-reading-jlpt3-1-ru);
}
.img-book-reading-jlpt4-1-ru {
	content: var(--img-book-reading-jlpt4-1-ru);
}
.img-book-reading-jlpt5-1-ru {
	content: var(--img-book-reading-jlpt5-1-ru);
}

.img-book-reading-jlpt1-1-tr {
	content: var(--img-book-reading-jlpt1-1-tr);
}
.img-book-reading-jlpt2-1-tr {
	content: var(--img-book-reading-jlpt2-1-tr);
}
.img-book-reading-jlpt3-1-tr {
	content: var(--img-book-reading-jlpt3-1-tr);
}
.img-book-reading-jlpt4-1-tr {
	content: var(--img-book-reading-jlpt4-1-tr);
}
.img-book-reading-jlpt5-1-tr {
	content: var(--img-book-reading-jlpt5-1-tr);
}

.img-book-reading-jlpt1-1-id {
	content: var(--img-book-reading-jlpt1-1-id);
}
.img-book-reading-jlpt2-1-id {
	content: var(--img-book-reading-jlpt2-1-id);
}
.img-book-reading-jlpt3-1-id {
	content: var(--img-book-reading-jlpt3-1-id);
}
.img-book-reading-jlpt4-1-id {
	content: var(--img-book-reading-jlpt4-1-id);
}
.img-book-reading-jlpt5-1-id {
	content: var(--img-book-reading-jlpt5-1-id);
}

.img-book-reading-jlpt1-1-vi {
	content: var(--img-book-reading-jlpt1-1-vi);
}
.img-book-reading-jlpt2-1-vi {
	content: var(--img-book-reading-jlpt2-1-vi);
}
.img-book-reading-jlpt3-1-vi {
	content: var(--img-book-reading-jlpt3-1-vi);
}
.img-book-reading-jlpt4-1-vi {
	content: var(--img-book-reading-jlpt4-1-vi);
}
.img-book-reading-jlpt5-1-vi {
	content: var(--img-book-reading-jlpt5-1-vi);
}

.img-book-reading-jlpt1-1-th {
	content: var(--img-book-reading-jlpt1-1-th);
}
.img-book-reading-jlpt2-1-th {
	content: var(--img-book-reading-jlpt2-1-th);
}
.img-book-reading-jlpt3-1-th {
	content: var(--img-book-reading-jlpt3-1-th);
}
.img-book-reading-jlpt4-1-th {
	content: var(--img-book-reading-jlpt4-1-th);
}
.img-book-reading-jlpt5-1-th {
	content: var(--img-book-reading-jlpt5-1-th);
}

.img-chineseguru-home {
	content: var(--img-chineseguru-home);
}
.img-chineseguru-list {
	content: var(--img-chineseguru-list);
}
.img-chineseguru-details {
	content: var(--img-chineseguru-details);
}
.img-chineseguru-writing {
	content: var(--img-chineseguru-writing);
}
.img-chineseguru-dictionary1 {
	content: var(--img-chineseguru-dictionary1);
}
.img-chineseguru-dictionary2 {
	content: var(--img-chineseguru-dictionary2);
}
.img-chineseguru-reference {
	content: var(--img-chineseguru-reference);
}
.img-chineseguru-pinyin {
	content: var(--img-chineseguru-pinyin);
}
.img-chineseguru-progress {
	content: var(--img-chineseguru-progress);
}
.img-chineseguru-sheet {
	content: var(--img-chineseguru-sheet);
}

.img-chineseguru-ipad1 {
	content: var(--img-chineseguru-ipad1);
}
.img-chineseguru-ipad2 {
	content: var(--img-chineseguru-ipad2);
}
.img-chineseguru-ipad3 {
	content: var(--img-chineseguru-ipad3);
}

.img-sinograms-home {
	content: var(--img-sinograms-home);
}
.img-sinograms-details {
	content: var(--img-sinograms-details);
}
.img-sinograms-details2 {
	content: var(--img-sinograms-details2);
}
.img-sinograms-details3 {
	content: var(--img-sinograms-details3);
}
.img-sinograms-writing {
	content: var(--img-sinograms-writing);
}
.img-sinograms-rules {
	content: var(--img-sinograms-rules);
}
.img-sinograms-order {
	content: var(--img-sinograms-order);
}
.img-sinograms-difficult {
	content: var(--img-sinograms-difficult);
}
.img-sinograms-filter {
	content: var(--img-sinograms-filter);
}
.img-sinograms-parameters {
	content: var(--img-sinograms-parameters);
}
.img-sinograms-windows1 {
	content: var(--img-sinograms-windows1);
}
.img-sinograms-windows2 {
	content: var(--img-sinograms-windows2);
}
.img-sinograms-windows3 {
	content: var(--img-sinograms-windows3);
}
.img-sinograms-windows4 {
	content: var(--img-sinograms-windows4);
}
.img-sinograms-windows5 {
	content: var(--img-sinograms-windows5);
}
.img-sinograms-windows6 {
	content: var(--img-sinograms-windows6);
}
.img-sinograms-windows7 {
	content: var(--img-sinograms-windows7);
}
.img-sinograms-macos1 {
	content: var(--img-sinograms-macos1);
}
.img-sinograms-macos2 {
	content: var(--img-sinograms-macos2);
}
.img-sinograms-macos3 {
	content: var(--img-sinograms-macos3);
}
.img-sinograms-macos4 {
	content: var(--img-sinograms-macos4);
}
.img-sinograms-macos5 {
	content: var(--img-sinograms-macos5);
}
.img-sinograms-macos6 {
	content: var(--img-sinograms-macos6);
}
.img-sinograms-macos7 {
	content: var(--img-sinograms-macos7);
}
.img-sinograms-macos8 {
	content: var(--img-sinograms-macos8);
}
.img-sinograms-iPhone {
	content: var(--img-sinograms-iPhone);
}

.img-sinograms-tablet1 {
	content: var(--img-sinograms-tablet1);
}
.img-sinograms-tablet2 {
	content: var(--img-sinograms-tablet2);
}
.img-sinograms-tablet3 {
	content: var(--img-sinograms-tablet3);
}

.img-kanjikana-home {
	content: var(--img-kanjikana-home);
}
.img-kanjikana-details {
	content: var(--img-kanjikana-details);
}
.img-kanjikana-details2 {
	content: var(--img-kanjikana-details2);
}
.img-kanjikana-details3 {
	content: var(--img-kanjikana-details3);
}
.img-kanjikana-details4 {
	content: var(--img-kanjikana-details4);
}
.img-kanjikana-writing {
	content: var(--img-kanjikana-writing);
}
.img-kanjikana-hiragana {
	content: var(--img-kanjikana-hiragana);
}
.img-kanjikana-hiragana-writing {
	content: var(--img-kanjikana-hiragana-writing);
}
.img-kanjikana-katakana {
	content: var(--img-kanjikana-katakana);
}
.img-kanjikana-rules {
	content: var(--img-kanjikana-rules);
}
.img-kanjikana-difficult {
	content: var(--img-kanjikana-difficult);
}
.img-kanjikana-filter {
	content: var(--img-kanjikana-filter);
}
.img-kanjikana-parameters {
	content: var(--img-kanjikana-parameters);
}
.img-kanjikana-tablet1 {
	content: var(--img-kanjikana-tablet1);
}
.img-kanjikana-tablet2 {
	content: var(--img-kanjikana-tablet2);
}
.img-kanjikana-tablet3 {
	content: var(--img-kanjikana-tablet3);
}
.img-kanjikana-tablet4 {
	content: var(--img-kanjikana-tablet4);
}

.img-kanjikana-windows1 {
	content: var(--img-kanjikana-windows1);
}
.img-kanjikana-windows2 {
	content: var(--img-kanjikana-windows2);
}
.img-kanjikana-windows3 {
	content: var(--img-kanjikana-windows3);
}
.img-kanjikana-windows4 {
	content: var(--img-kanjikana-windows4);
}
.img-kanjikana-windows5 {
	content: var(--img-kanjikana-windows5);
}
.img-kanjikana-windows6 {
	content: var(--img-kanjikana-windows6);
}
.img-kanjikana-windows7 {
	content: var(--img-kanjikana-windows7);
}
.img-kanjikana-windows8 {
	content: var(--img-kanjikana-windows8);
}
.img-kanjikana-windows9 {
	content: var(--img-kanjikana-windows9);
}
.img-kanjikana-windows10 {
	content: var(--img-kanjikana-windows10);
}
.img-kanjikana-windows11 {
	content: var(--img-kanjikana-windows11);
}
.img-kanjikana-macos1 {
	content: var(--img-kanjikana-macos1);
}
.img-kanjikana-macos2 {
	content: var(--img-kanjikana-macos2);
}
.img-kanjikana-macos3 {
	content: var(--img-kanjikana-macos3);
}
.img-kanjikana-macos4 {
	content: var(--img-kanjikana-macos4);
}
.img-kanjikana-macos5 {
	content: var(--img-kanjikana-macos5);
}
.img-kanjikana-macos6 {
	content: var(--img-kanjikana-macos6);
}
.img-kanjikana-macos7 {
	content: var(--img-kanjikana-macos7);
}
.img-kanjikana-macos8 {
	content: var(--img-kanjikana-macos8);
}
.img-kanjikana-macos9 {
	content: var(--img-kanjikana-macos9);
}
.img-kanjikana-macos10 {
	content: var(--img-kanjikana-macos10);
}
.img-kanjikana-macos11 {
	content: var(--img-kanjikana-macos11);
}
.img-kanjikana-macos12 {
	content: var(--img-kanjikana-macos12);
}
.img-kanjikana-macos13 {
	content: var(--img-kanjikana-macos13);
}


.img-japaneseguru-home {
	content: var(--img-japaneseguru-home);
}
.img-japaneseguru-list {
	content: var(--img-japaneseguru-list);
}
.img-japaneseguru-details {
	content: var(--img-japaneseguru-details);
}
.img-japaneseguru-writing {
	content: var(--img-japaneseguru-writing);
}
.img-japaneseguru-dictionary1 {
	content: var(--img-japaneseguru-dictionary1);
}
.img-japaneseguru-dictionary2 {
	content: var(--img-japaneseguru-dictionary2);
}
.img-japaneseguru-reference {
	content: var(--img-japaneseguru-reference);
}
.img-japaneseguru-pinyin {
	content: var(--img-japaneseguru-pinyin);
}
.img-japaneseguru-progress {
	content: var(--img-japaneseguru-progress);
}
.img-japaneseguru-sheet {
	content: var(--img-japaneseguru-sheet);
}

.img-japaneseguru-ipad1 {
	content: var(--img-japaneseguru-ipad1);
}
.img-japaneseguru-ipad2 {
	content: var(--img-japaneseguru-ipad2);
}
.img-japaneseguru-ipad3 {
	content: var(--img-japaneseguru-ipad3);
}


.img-cantoneseguru-home {
	content: var(--img-cantoneseguru-home);
}
.img-cantoneseguru-list {
	content: var(--img-cantoneseguru-list);
}
.img-cantoneseguru-details {
	content: var(--img-cantoneseguru-details);
}
.img-cantoneseguru-writing {
	content: var(--img-cantoneseguru-writing);
}
.img-cantoneseguru-dictionary1 {
	content: var(--img-cantoneseguru-dictionary1);
}
.img-cantoneseguru-dictionary2 {
	content: var(--img-cantoneseguru-dictionary2);
}
.img-cantoneseguru-reference {
	content: var(--img-cantoneseguru-reference);
}
.img-cantoneseguru-pinyin {
	content: var(--img-cantoneseguru-pinyin);
}
.img-cantoneseguru-progress {
	content: var(--img-cantoneseguru-progress);
}
.img-cantoneseguru-sheet {
	content: var(--img-cantoneseguru-sheet);
}

.img-cantoneseguru-ipad1 {
	content: var(--img-cantoneseguru-ipad1);
}
.img-cantoneseguru-ipad2 {
	content: var(--img-cantoneseguru-ipad2);
}
.img-cantoneseguru-ipad3 {
	content: var(--img-cantoneseguru-ipad3);
}

.span-h1 {
	color: var(--title-color);
	font: 700 2.5rem/2.875rem "Montserrat", sans-serif;
	display: block;
	margin: 0.67em 0;
	font-weight: bold;
}

.span-h2 {
	color: var(--title-color);
	font: 700 2.25rem/2.75rem "Montserrat", sans-serif;
	display: block;
	margin: 0.83em 0;
	font-weight: bold;
}

.span-h3 {
	color: var(--title-color);
	font: 700 1.75rem/2.125rem "Montserrat", sans-serif;
	display: block;
	margin: 1em 0;
	font-weight: bold;
}

.span-h4 {
	color: var(--title-color);
	font: 700 1.375rem/1.75rem "Montserrat", sans-serif;
	display: block;
	margin: 1.33em 0;
	font-weight: bold;
}

.span-h5 {
	color: var(--title-color);
	font: 700 1.125rem/1.625rem "Montserrat", sans-serif;
	display: block;
	margin: 1.67em 0;
	font-weight: bold;
}

.span-h6 {
	color: var(--title-color);
	font: 700 1rem/1.5rem "Montserrat", sans-serif;
	display: block;
	margin: 2.33em 0;
	font-weight: bold;

}

.tag {		
	background-color:#87AA8E;
	box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	border-color: #3C3C3D;
	border-width: 0px;
	border-style: solid;
	font-size: 10px;
	width: auto;
	display: inline-block;
	margin: 0px auto;
	border-radius: var(--radius-small);
	padding: 0 15px;
	opacity: 0.9;
	line-height: 28px;
}

.tag-green {
	background-color:forestgreen;
	border-radius:var(--radius-tiny);
	padding: 8px 8px;
	border-color:transparent;
	border-width:1px;
	border-style:solid;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);
}

.footer-logo {
	width: 108px;
	height: 34px;
	margin-bottom: 1px;
	-webkit-backface-visibility: hidden;
	background-image: var(--logo-url);
	background-repeat: no-repeat;
	background-size: contain;
}

/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
	width: 100%;
	height: 100%;
	background-color: var(--nav-background-color);
	scrollbar-color: var(--scrollbar-color);
	/*background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
	animation: gradient 15s ease infinite;
	background-size: 400% 400%;
	background-attachment: fixed;*/
}

@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	100% {
		background-position: 0% 0%;
	}
}

body, p {
	color: var(--title-color);
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
	scrollbar-color: dark;
}

.p-large {
	color: var(--title-color);
	/*font: 100 1rem/1.5rem "Noto Sans", sans-serif;*/
	font: 100 1.125rem/1.625rem "Noto Sans", sans-serif;
}

.p-large-thin {
	color: var(--title-color);
	/*font: 100 1rem/1.5rem "Noto Sans", sans-serif;*/
	font: 100 1.125rem/1.625rem "Noto Sans", sans-serif;
	font-weight:100;
}

.text-container p {
	color: var(--title-color);
	font: 400 1rem/1.5rem "Open Sans", sans-serif;
}

.p-small {
	color: var(--title-color);
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}

.p-heading {
	margin-bottom: 3.75rem;
	text-align: center;
}

.li-space-lg li {
	margin-bottom: 0.375rem;
}

.indent {
	padding-left: 1.25rem;
}

h1 {
	color: var(--title-color);
	font: 700 2.5rem/2.875rem "Montserrat", sans-serif;
}

h2 {
	color: var(--title-color);
	font: 700 2.25rem/2.75rem "Montserrat", sans-serif;
}

h3 {
	color: var(--title-color);
	font: 700 1.75rem/2.125rem "Montserrat", sans-serif;
}

h4 {
	color: var(--title-color);
	font: 700 1.375rem/1.75rem "Montserrat", sans-serif;
}

h5 {
	color: var(--title-color);
	font: 700 1.125rem/1.625rem "Montserrat", sans-serif;
}

h6 {
	color: var(--title-color);
	font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

a {
	color: var(--title-color);
	text-decoration: underline;
}

a:hover {
	color: var(--title-color);
	text-decoration: underline;
}

a.turquoise {
	color: var(--blue-color);
}

a.white {
	color: #fff;
}

.testimonial-text {
	font: italic 400 1rem/1.5rem "Open Sans", sans-serif;
}

.testimonial-author {
	font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid var(--blue-color);
	border-radius: var(--radius-control);
	background-color: var(--blue-color);
	color: var(--normal-text);
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	background-color: transparent;
	color: var(--blue-color);
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid var(--blue-color) /*#007AFF*/;
	border-radius: var(--radius-control);
	background-color: var(--blue-color) /*#007AFF*/;
	color: var(--normal-text) /*#fff*/;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	box-shadow: var(--capture-shadow);
}

.btn-solid-lg:hover {
	background-color: transparent;
	color: var(--blue-color);
	text-decoration: none;
	border: 0.125rem solid var(--blue-color) /*#007AFF*/;
	box-shadow: inset var(--capture-shadow);
}

.tab-border {
	border: 0rem solid #252527 /*#007AFF*/;
	border-radius: var(--radius-tab);
	background-color: transparent; /*#19191B*/ /*#007AFF*/;
	color: var(--blue-color) /*#fff*/;
}

.btn-solid-lg .fab {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	font-size: 1.25rem;
	line-height: 0;
	vertical-align: top;
}

.btn-solid-lg .fab.fa-google-play {
	font-size: 1rem;
}

.btn-outline-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid var(--blue-color);
	border-radius: var(--radius-control);
	background-color: transparent;
	color: var(--blue-color);
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	background-color: var(--blue-color);
	color: var(--normal-text);
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid var(--blue-color);
	border-radius: var(--radius-control);
	background-color: transparent;
	color: var(--blue-color);
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	background-color: var(--blue-color);
	color: var(--normal-text);
	text-decoration: none;
}

.btn-outline-lg-purple {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid var(--purple-color);
	border-radius: var(--radius-control);
	background-color: var(--purple-color);
	color: var(--normal-text);
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	box-shadow: var(--capture-shadow);
}

.btn-outline-lg-purple:hover {
	background-color: transparent;
	color: var(--purple-color);
	border: 0.125rem solid var(--purple-color);
	text-decoration: none;
	box-shadow: inset var(--capture-shadow);
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid var(--blue-color);
	border-radius: var(--radius-control);
	background-color: transparent;
	color: var(--blue-color);
	font: 700 0.625rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	background-color: var(--blue-color);
	color: var(--normal-text);
	text-decoration: none;
}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
	margin-top: 0.375rem;
}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: var(--title-color);
	opacity: 1;
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
	cursor: text;
	transition: all 0.2s ease;
}

html[dir="rtl"] .label-control {
	position: absolute;
	top: 0.87rem;
	right: 1.375rem;
	color: var(--title-color);
	opacity: 1;
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
	cursor: text;
	transition: all 0.2s ease;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.label-control {
		top: 0.9375rem;
	}
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
	top: 0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}

.form-control-input,
.form-control-select {
	display: block; /* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	padding-top: 1.0625rem;
	padding-bottom: 0.0625rem;
	padding-inline-start: 1.3125rem;
	border: 1px solid var(--form-select-border-color);
	border-radius: var(--radius-control);
	background-color: var(--form-select-background-color);
	color: var(--title-color);
	font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
	transition: all 0.2s;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.form-control-input {
		padding-top: 1.25rem;
		padding-bottom: 0.75rem;
		line-height: 1.75rem;
	}

	.form-control-select {
		padding-top: 0.875rem;
		padding-bottom: 0.75rem;
		height: 3.125rem;
		line-height: 2.125rem;
	}
}

select {
	/* you should keep these first rules in place to maintain cross-browser behavior */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url('../images/down-arrow.png');
	background-position: right 15px center;
	background-repeat: no-repeat;
	outline: none;
}
html[dir="rtl"] select {
	/* you should keep these first rules in place to maintain cross-browser behavior */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url('../images/down-arrow.png');
	background-position: left 15px center;
	background-repeat: no-repeat;
	outline: none;
}

select::-ms-expand {
	display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
	display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.25rem;
	padding-left: 1.3125rem;
	border: 1px solid var(--form-select-border-color);
	border-radius: var(--radius-control);
	background-color: var(--form-select-background-color);
	color: var(--title-color);
	font: 400 0.875rem/1.75rem "Open Sans", sans-serif;
	transition: all 0.2s;
}

.form-control-textarea::-webkit-resizer {
	display: none;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid var(--form-select-border-color);
	outline: none; /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid var(--form-select-border-color);
}

.checkbox {
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}

input[type='checkbox'] {
	vertical-align: -15%;
	margin-right: 0.375rem;
}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	input[type='checkbox'] {
		vertical-align: -9%;
	}
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 1px solid var(--green-color);
	border-radius: var(--radius-control);
	background-color: var(--green-color);
	color: var(--normal-text);
	font: 700 0.75rem/1.75rem "Montserrat", sans-serif;
	cursor: pointer;
	transition: all 0.2s;
	box-shadow: var(--capture-shadow);
}

.form-control-submit-button:hover {
	background-color: var(--blue-color);
	border: 1px solid var(--blue-color);
	color: var(--normal-text);
	box-shadow: inset var(--capture-shadow);
}

/* Form Success And Error Message Formatting */
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
	display: block;
	margin-bottom: 0;
	color: var(--title-color);
	font: 400 1.125rem/1rem "Open Sans", sans-serif;
}

.help-block.with-errors .list-unstyled {
	color: orangered;
	font-size: 0.75rem;
	line-height: 1.125rem;
	text-align: start;
	margin-inline-start: 5px;
}

.help-block.with-errors ul {
	margin-bottom: 0;
}

/* end of form success and error message formatting */
/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* end of form success and error message animation - Animate.css */
/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
	transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* end of fade-move animation for lightbox - magnific popup */
/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;
}

/* end of fade animation for image slider - magnific popup */
/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--spinner-wrapper-background);
}

.spinner {
	position: absolute;
	top: 50%; /* centers the loading animation vertically one the screen */
	left: 50%; /* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: var(--blue-color);
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
	background-color:var(--background-color-dark); 
	/*box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
	box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
	font: 700 0.75rem/2rem "Montserrat", sans-serif;
	transition: all 0.2s;
	border-bottom-color: #3C3C3D;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}

.navbar-custom .navbar-brand.logo-image {
	margin-bottom: 1px;
	/*-webkit-backface-visibility: hidden;*/
	background-image: var(--logo-url);
	background-repeat: no-repeat;
	background-size: contain;
	width: 108px;
	height: 34px;
}

.navbar-custom .navbar-brand.logo-text {
	font: 700 1.375rem/1.5rem "Montserrat", sans-serif;
	color: var(--normal-text);
	letter-spacing: -0.5px;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
}

.navbar-custom .nav-item .nav-link {
	padding: 0 0.75rem 0 0.75rem;
	color: var(--normal-text);
	text-decoration: none;
	transition: all 0.2s ease;
	font-weight: 100 !important;
}

.navbar-custom .nav-item .nav-link:hover {
	color: var(--purple-color);
	font-weight: 100 !important;
}
.navbar-custom .nav-item .nav-link.active {
	color: var(--blue-color);
	font-weight: 100 !important;
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}

.navbar-custom .dropdown:hover > .dropdown-menu-ar {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus  */
	outline: 0;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	font-size: 1rem;
	list-style: none;
	background-clip: padding-box;
	left:-20px;
	text-align:start;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin-top: 0;
	border-color: var(--separator);
	border-style: solid;
	border-width: 0px;
	border-radius: var(--radius-menu);
	background-color: var(--menu-background-color);
	color: var(--normal-text);
	white-space:nowrap;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 84vh;
}

.dropdown-menu-ar {
	position: absolute;
	top: 100%;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	font-size: 1rem;
	list-style: none;
	background-clip: padding-box;
	left:10%;
	text-align:start;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin-top: 0;
	border-color: #3C3C3D;
	border-style: solid;
	border-width: 0px;
	border-radius: var(--radius-menu);
	background-color: var(--menu-background-color);
	color: var(--menu-text-color);
	white-space:nowrap;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 84vh;
}

.navbar-custom .dropdown-item {
	color: var(--normal-text);
	text-decoration: none;
	border-color: var(--menu-border-inline-color);
	border-style: solid;
	border-width: 0px;
	border-inline-start-color: var(--menu-border-inline-color);
	border-inline-start-width: 0px;
	border-inline-end-color: var(--menu-border-inline-color);
	border-radius: 0 0.8rem 0.8rem 0;
	font: 100 0.875rem/1.375rem "Open Sans", sans-serif;
}
html[dir="rtl"] .navbar-custom .dropdown-item {
	border-radius: 0.8rem 0rem 0rem 0.8rem;
}

.navbar-custom .dropdown-item:hover {
	/*font-weight:bolder;*/
	/*text-shadow: 1px 0px 0px var(--blue-color);*/
	color:var(--purple-color);
	border-color: var(--menu-border-inline-color); /*#1E1E1E;*/
	border-style: solid;
	border-width: 0px;
	background-color: var(--menu-background-color);
	border-inline-start-color: var(--menu-border-inline-color);
	border-inline-start-width: 0px;
	border-radius: 0;
	font-weight: 100 !important;
}
html[dir="rtl"] .navbar-custom .dropdown-item:hover {
	border-radius: 0.8rem 0rem 0rem 0.8rem;
}

.navbar-custom .dropdown-item .item-text {
	font: 100 0.875rem/1.375rem "Open Sans", sans-serif;
}

.navbar-custom .dropdown-item:hover .item-text {
	color: var(--purple-color);
	font-weight: 100 !important;
}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.25rem auto 0.25rem auto;
	border: none;
	background-color: var(--separator);
	opacity: 0.2;
}

/* end of dropdown menu */
.navbar-custom .social-icons {
	/*display: none;*/
}

.navbar-custom .fa-stack {
	margin-bottom: 0.1875rem;
	margin-left: 0.375rem;
	font-size: 0.75rem;
}

.navbar-custom .fa-stack-2x {
	color: var(--blue-color);
	transition: all 0.2s ease;
}

.navbar-custom .fa-stack-1x {
	color: var(--normal-text);
	transition: all 0.2s ease;
}

.navbar-custom .fa-stack:hover .fa-stack-2x {
	color: var(--normal-text);
}

.navbar-custom .fa-stack:hover .fa-stack-1x {
	color: var(--card-background-color-dark);
}

.navbar-custom .navbar-toggler {
	border: none;
	color: var(--normal-text);
	font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fat.fa-times {
	display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fat.fa-bars {
	display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fat.fa-bars {
	display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fat.fa-times {
	display: inline-block;
	margin-right: 0.125rem;
}


/*********************/
/*    04. Header     */
/*********************/
.header {
	/*background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/header-background.jpg') center center no-repeat;*/
	background-color: var(--header-color);
	background-size: cover;
}

.header .header-content {
	padding-top: 6.5rem;
	padding-bottom: 3rem;
	text-align: center;
}

.header .text-container {
	margin-bottom: 3rem;
}

.header h1 {
	margin-bottom: 1rem;
}

.header #js-rotating {
	color: var(--blue-color);
}

.header .p-large {
	margin-bottom: 2rem;
}

.header .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}


/****************************/
/*     05. Testimonials     */
/****************************/
.slider-1 {
	padding-top: 6.875rem;
	padding-bottom: 6.375rem;
	/*background-color: var(--slider-background-color);*/
}

.slider-1 .slider-container {
	position: relative;
}

.slider-1 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-1 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .card {
	position: relative;
	border: none;
	background-color: transparent;
}

.slider-1 .card-image {
	width: 6rem;
	height: 6rem;
	margin-right: auto;
	margin-bottom: 0.25rem;
	margin-left: auto;
	border-radius: var(--radius-slider);
}

.slider-1 .card-body {
	padding-bottom: 0;
}

.slider-1 .testimonial-author {
	margin-bottom: 0;
}


/************************/
/*     05. Features     */
/************************/
.tabs {
	padding-top: 2.5rem;
	padding-bottom: 3.25rem;
	background-color: transparent;
	font-variant: small-caps;
}

.tabs h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.tabs .p-heading {
	margin-bottom: 3.125rem;
}

.tabs .nav-tabs {
	margin-inline-end: auto;
	margin-bottom: 0rem;
	margin-inline-start: auto;
	justify-content: center;
}

.tabs .nav-link {
	/*margin-bottom: 1rem;*/
	padding: 0.5rem 1.375rem 0.25rem 1.375rem;
	border: none;
	/*border-bottom: 0.1875rem solid #f1f1f8;*/
	border-radius: 0;
	color: var(--normal-text);
	font: 700 1rem/1.75rem "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
	font-variant: small-caps;	
}

.tabs .nav-link.active,
.tabs .nav-link:hover {
	/*border-bottom: 0.1875rem solid #007AFF;*/
	background-color: transparent;
	color: var(--blue-color);
	font-weight: bold;
}

.tabs .nav-link .fas {
	margin-inline-end: 0.375rem;
	font-size: 1rem;
}

.tabs .tab-content {
	width: 100%; /* for proper display in IE11 */
}

.tabs .card {
	border: none;
	background: transparent;
}

.tabs .card-body {
	padding: 1rem 0 1.25rem 0;
}

.tabs .card-title {
	margin-bottom: 0.5rem;
	font-weight: larger;
	font-variant: small-caps;
}

.tabs .card .card-icon {
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: var(--radius-slider);
	background-color: var(--tabs-card-icon-background-color) /*#007AFF*/;
	text-align: center;
	vertical-align: top;
}

.tabs .card .card-icon .fas,
.tabs .card .card-icon .far {
	color: var(--blue-color);
	font-size: 1.75rem;
	line-height: 3.5rem;
}

.tabs #tab-1 .card.left-pane .text-wrapper {
	display: inline-block;
	width: 75%;
}

.tabs #tab-1 .card.left-pane .card-icon {
	float: start;
	margin-inline-end: 0rem;
	margin-inline-start: 0rem;
}

.tabs #tab-1 img {
	display: block;
	margin: 2rem auto 3rem auto;
}

.tabs #tab-1 .card.right-pane .text-wrapper {
	display: inline-block;
	width: 75%;
}

.tabs #tab-1 .card.right-pane .card-icon {
	margin-inline-end: 0rem;
	margin-inline-start: 0rem;
}


.tabs #tab-2 img {
	display: block;
	margin: 0 auto 2rem auto;
}

.tabs #tab-1 .text-area {
	margin-top: 1.5rem;
	/*margin-inline-start: 1rem;*/
}

.tabs #tab-1 .icon-cards-area {
	margin-top: 2.5rem;
}

.tabs #tab-1 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */
}

.tabs #tab-2 .text-area {
	margin-top: 1.5rem;
}

.tabs #tab-2 h3 {
	margin-bottom: 0.75rem;
}

.tabs #tab-2 .icon-cards-area {
	margin-top: 2.5rem;
}

.tabs #tab-2 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */
}

.tabs #tab-3 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */
}

.tabs #tab-3 .text-area {
	margin-top: 0.75rem;
	margin-bottom: 4rem;
}

.tabs #tab-3 h3 {
	margin-bottom: 0.75rem;
}

/*.tabs #tab-3 img {
	margin: 0 auto 3rem auto;
}*/

.tabs #tab-4 img {
	margin-bottom: 0;
}

.tabs #tab-4 .text-area {
	margin-top: 0;
}

.tabs #tab-4 .icon-cards-area .card {
	display: inline-block;
	width: 44%;
	margin-inline-end: 2.5rem;
	vertical-align: top;
}

.tabs #tab-4 div.card:nth-child(2n+2) {
	margin-inline-end: 0;
}

.tabs #tab-4 .icon-cards-area {
	margin-top: 2.5rem;
}

.tabs #tab-4 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */
}

/*********************/
/*     07. Video     */
/*********************/
.basic-1 {
	padding-top: 3.375rem;
	padding-bottom: 3.875rem;
	background-color: var(--basic-1-background-color);
	background-size: cover;
}

.basic-1 h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.basic-1 .p-heading {
	margin-bottom: 4rem;
	text-align: center;
}

.basic-1 .image-container img {
	border-radius: var(--radius-basic-1);
}

.basic-1 .video-wrapper {
	position: relative;
}

/* Video Play Button */
.basic-1 .video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	height: 2.75rem;
	padding: 1.125rem 1.25rem 1.125rem 1.75rem;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 50%;
	background: var(--blue-color);
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: var(--blue-color);
	transition: all 200ms;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button span {
	position: relative;
	display: block;
	z-index: 3;
	top: 0.375rem;
	left: 0.25rem;
	width: 0;
	height: 0;
	border-left: 1.625rem solid var(--normal-text);
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
/* end of video play button */
/*************************/
/*     09. Details 1     */
/*************************/
.basic-2 {
	padding-top: 3rem;
	padding-bottom: 3.5rem;
	background-color: var(--basic-2-background-color);
}

.basic-2 img {
	margin-bottom: 3.5rem;
}

.basic-2 h3 {
	margin-bottom: 1.125rem;
}

.basic-2 .btn-solid-reg {
	margin-top: 0.5rem;
}


/*************************/
/*     10. Details 2     */
/*************************/
.basic-3 {
	padding-top: 3.5rem;
	padding-bottom: 4.25rem;
	background-color: var(--basic-3-background-color);
}

.basic-3 .text-container {
	margin-bottom: 3.5rem;
}

.basic-3 h3 {
	margin-bottom: 1.125rem;
}

.basic-3 .btn-solid-reg {
	margin-top: 0.5rem;
}


/**********************************/
/*     11. Details Lightboxes     */
/**********************************/
.lightbox-basic {
	position: relative;
	max-width: 36.875rem;
	margin: 2.5rem auto;
	padding: 3rem 1rem;
	text-align: left;
	box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	border-radius: var(--radius-lightbox);
	background-color: var(--lightbox-background-color);
	border-color: var(--separator);
	border-width: 1px;
	border-style: solid;
}

.lightbox-basic img {
	display: block;
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;
}

.lightbox-basic h3 {
	margin-bottom: 0.625rem;
}

.lightbox-basic hr {
	width: 3.75rem;
	height: 0.125rem;
	margin-top: 0.125rem;
	margin-bottom: 1.125rem;
	margin-left: 0;
	border: 0;
	background-color: var(--blue-color);
	text-align: left;
}

.lightbox-basic h4 {
	margin-top: 1.75rem;
	margin-bottom: 0.75rem;
}

.lightbox-basic table {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.lightbox-basic table tr {
	line-height: 1.75em;
}

.lightbox-basic table .icon-cell {
	width: 2rem;
	padding-right: 0.25rem;
	color: var(--blue-color);
	text-align: center;
}

.lightbox-basic a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	margin-top: 5px;
	color: var(--blue-color);
	opacity: 1;
}

.lightbox-basic a.mfp-close-ar.as-button {
	position: relative;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	margin-top: 5px;
	color: var(--blue-color);
	opacity: 1;
}

.lightbox-basic a.mfp-close.as-button:hover {
	color: var(--title-color);
}

.lightbox-basic a.mfp-close-ar.as-button:hover {
	color: var(--title-color);
}

.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: 5px;
	right: -0.375rem;
	width: 2.75rem;
	height: 2.75rem;
	color: var(--title-color);
}

.lightbox-basic button.mfp-close-ar.x-button {
	position: absolute;
	top: 5px;
	left: -0.375rem;
	width: 2.75rem;
	height: 2.75rem;
	color: var(--title-color);
}


/***************************/
/*     12. Screenshots     */
/***************************/
.slider-2 {
	padding-top: 3.875rem;
	padding-bottom: 3.875rem;
	background-color: var(--slider-2-background-color);
}

.slider-2 .slider-container {
	position: relative;
}

.slider-2 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
	top: 50%;
	width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-2 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}


/************************/
/*     13. Download     */
/************************/
.basic-4 {
	padding-top: 3.5rem;
	padding-bottom: 3.75rem;
	background-color: var(--basic-4-background-color);
	background-size: cover;
}

.basic-4 .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.basic-4 h2 {
	margin-bottom: 1.25rem;
}

.basic-4 .p-large {
	margin-bottom: 1.75rem;
}

.basic-4 .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}

/************************/
/*     14. Tablet     */
/************************/
.basic-5 {
	padding-top: 2.5rem;
	padding-bottom: 2.75rem;
	background-color: #19191B;
	background-size: cover;
}

.basic-5 .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.basic-5 h2 {
	margin-bottom: 1.25rem;
}

.basic-5 .p-large {
	margin-bottom: 1.75rem;
}

.basic-5 .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}


/************************/
/*     15. Sinograms     */
/************************/
.sinograms {
	background-color: #111113;
	background-size: cover;
}

.sinograms .container {
	padding-top: 1.7rem;
}

.sinograms .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.sinograms h2 {
	margin-bottom: 1.25rem;
}

.sinograms .p-large {
	margin-bottom: 1.75rem;
}

.sinograms .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}

/************************/
/*     15. Kanji, Kana  */
/************************/
.kanjikana {
	background-color: #1D1D1F;
	background-size: cover;
}

.kanjikana .container {
	padding-top: 1.7rem;
}

.kanjikana .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.kanjikana h2 {
	margin-bottom: 1.25rem;
}

.kanjikana .p-large {
	margin-bottom: 1.75rem;
}

.kanjikana .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}

/*************************/
/*     16. Japanese Guru */
/*************************/

.japaneseguru {
	background-color: #1D1D1F;
	background-size: cover;
}

.japaneseguru .container {
	padding-top: 1.7rem;
}

.japaneseguru .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.japaneseguru h2 {
	margin-bottom: 1.25rem;
}

.japaneseguru .p-large {
	margin-bottom: 1.75rem;
}

.japaneseguru .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}

/************************/
/*     17. Euskara  */
/************************/
.euskara {
	background-color: #19191B;
	background-size: cover;
}

.euskara .container {
	padding-top: 1.7rem;
}

.euskara .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.euskara h2 {
	margin-bottom: 1.25rem;
}

.euskara .p-large {
	margin-bottom: 1.75rem;
}

.euskara .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}

/************************/
/*     16. Chinese Guru     */
/************************/
.chineseguru {
	/*background-color: #1D1D1F;*/
	background-size: cover;
	padding-top: 10px;
	padding-bottom: 10px;
}

.chineseguru .container {
	/*padding-top: 1.7rem;*/
}

.chineseguru .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.chineseguru h2 {
	margin-bottom: 1.25rem;
}

.chineseguru .p-large {
	margin-bottom: 1.75rem;
}

.chineseguru .btn-solid-lg {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.25rem;
}


/**************************/
/*     18. Statistics     */
/**************************/
.counter {
	padding-top: 6.5rem;
	padding-bottom: 5.375rem;
	background-color: var(--blue-color);
	text-align: center;
	border-top: var(--separator) 0px solid;
	position: relative;
	z-index: 4;
	box-shadow: var(--capture-shadow);
}

.counter:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    /*background: var(--background-chinese-url) center;	*/
	background-color: var(--section-background-color);
   	opacity: var(--background-opacity-chinese);
}	

.counter #counter .cell {
	display: inline-block;
	width: 10rem;
	margin-right: 1rem;
	margin-left: 1rem;
	margin-bottom: 2rem;
}

.counter #counter .counter-value {
	color: var(--title-color);
	font: 700 3.5rem/4.25rem "Montserrat", sans-serif;
	vertical-align: middle;
}

.counter #counter .counter-info {
	margin-bottom: 0;
	color: var(--title-color);
	font: 400 0.875rem/1.25rem "Open Sans", sans-serif;
	vertical-align: middle;
}


/***********************/
/*     16. Contact     */
/***********************/

#contact {
	background-color: var(--green-background-color);	
	position: relative;
	z-index: 3;
	box-shadow: var(--capture-shadow);
}

#contact:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--contact-url) center;	
   	opacity: var(--background-opacity-contact);
}	

.form {
	padding-top: 6.25rem;
	padding-bottom: 5.625rem;
	background-color: var(--contact-background-color); /* url('../images/contact-background.jpg') center bottom no-repeat;*/
	/*background: url('../images/contact-background.jpg') center bottom no-repeat #19191B;
	background-blend-mode:soft-light;*/
	background-size: cover;
}

.form h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.form .list-unstyled {
	margin-bottom: 3.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
}

.form .list-unstyled .fas,
.form .list-unstyled .fab {
	margin-inline-end: 0.5rem;
	font-size: 0.875rem;
	color: var(--blue-color);
}

.form .list-unstyled .fa-phone {
	vertical-align: 3%;
}


/**********************/
/*     16. Footer     */
/**********************/

.footer-notes {
	padding-top: 2rem;
	padding-bottom: 2rem;
	/*background-color:#111113;*/
	border-top-width:0px;
	border-top-style:solid;
	border-top-color:var(--footer-notes-border-color);
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color:var(--footer-notes-border-color);
	background-color: var(--red-background-color);
	position: relative;
	z-index: 1;
}
.footer-notes:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    /*background: var(--background-chinese-url) center;	*/
	background-color: var(--section-background-color);
   	opacity: var(--background-opacity-chinese);
}	

.footer {
	padding-top: 5rem;
	background-color: var(--background-color-dark); /*var(--footer-background-color);*/
	box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	border-top-color: var(--separator);
	border-top-width: 0px;
	border-top-style: solid;
}

.footer .footer-col {
	margin-bottom: 2.25rem;
}

.footer h4 {
	margin-bottom: 1rem;
}

.footer .list-unstyled .media-body {
	margin-inline-start: 0.625rem;
}

.footer .fa-stack {
	margin-bottom: 0.75rem;
	margin-inline-end: 0.5rem;
	font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
	color: var(--normal-text);
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color:  var(--blue-color);
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: var(--card-background-color-dark);
}

.footer .fa-stack:hover .fa-stack-2x {
	color: white;
}


/*************************/
/*     17. Copyright     */
/*************************/
.copyright {
	background: url('../img/backgrounds/background2.png') left top repeat;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	/*background-color: #19191B;*/
	text-align: center;
}

.copyright .p-small {
	color: var(--title-color);
	opacity: 0.6;
}


/**********************************/
/*     18. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	left: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: var(--blue-color) url("../images/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: var(--separator);
}


/***************************/
/*     19. Extra Pages     */
/***************************/
.ex-header {
	padding-top: 8rem;
	padding-bottom: 3rem;
	background-color: var(--separator);
	text-align: center;
}

.ex-basic-1 {
	text-align:start;
	padding-top: 0rem;
	padding-bottom: 0.875rem;
	background-color: transparent;/* #171719;*/
	border-top-width:0px;
	border-top-style:solid;
	border-top-color: var(--menu-border-inline-color);
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-top-color: var(--menu-border-inline-color);
	box-shadow: none /* 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
}

.ex-basic-1 .breadcrumbs {
	margin-bottom: 1.125rem;
	font: 700 1.375rem/1.75rem "Montserrat", sans-serif;
	font-variant: small-caps;
}

.ex-basic-1 .breadcrumbs .fa {
	margin-inline-end: 0.5rem;
	margin-inline-start: 0.625rem;
}

.ex-basic-2 {
	text-align:start;
	padding-top: 1.75rem;
	padding-bottom: 1rem;
	background-color: transparent/* #1D1D1F;*/
}

.ex-basic-2 h3 {
	margin-bottom: 1rem;
}

.ex-basic-2 .text-container {
	margin-bottom: 3.625rem;
}

.ex-basic-2 .text-container.last {
	margin-bottom: 0;
}

.ex-basic-2 .list-unstyled .fas {
	color: var(--blue-color);
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.ex-basic-2 .list-unstyled .media-body {
	margin-inline-start: 0.625rem;
}

.ex-basic-2 .btn-outline-reg {
	margin-top: 1.75rem;
}

.ex-basic-2 .image-container-large {
	margin-bottom: 4rem;
}

.ex-basic-2 .image-container-large img {
	border-radius: var(--radius-basic-2);
}

.ex-basic-2 .image-container-small img {
	border-radius: var(--radius-basic-2);
}

.ex-basic-2 .text-container.dark-bg {
	padding: 1.625rem 1.5rem 0.75rem 2rem;
	background-color: #f9fafc;
}

/*****************************/
/*     20. Media Queries     */
/*****************************/
/* Min-width width 768px */
@media (min-width: 768px) {
	
	.separator-color {
		border-right-width: 1px;
		border-right-color: var(--separator);
		border-right-style: solid;
	}

	.card-separator-color {			
		width: 1px;
		background-color: var(--separator);
	}

	/* General Styles */
	.p-heading {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}

	h1 {
		font: 700 3.25rem/3.75rem "Montserrat", sans-serif;
	}

	/* end of general styles */
	/* Navigation */
	.navbar-custom {
		padding: 2.125rem 1.5rem 2.125rem 2rem;
		/*box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.5);*/
		box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
		background: var(--nav-background-color);
		font-weight: lighter;
		border-bottom-color: var(--separator);
		border-bottom-width: 0px;
		border-bottom-style: solid;
	}

	.navbar-custom .navbar-brand.logo-text {
		color: var(--normal-text);
		font-weight: lighter;
	}

	.navbar-custom .navbar-nav {
		margin-top: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.75rem 0.25rem 0.75rem;
		color: var(--normal-text);
		font-weight: 100 !important;
	}

	.navbar-custom .nav-item .nav-link:hover {
		color: var(--purple-color);
		font-weight: 100 !important;
	}
	.navbar-custom .nav-item .nav-link.active {
		color: var(--blue-color);
		font-weight: 100 !important;
	}

	.navbar-custom.top-nav-collapse {
		padding: 0.5rem 1.5rem 0.5rem 2rem;
		box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
		background-color: var(--nav-background-color);
		border-bottom-color: var(--separator);
		border-bottom-width: 0px;
		border-bottom-style: solid;
	}

	.navbar-custom.top-nav-collapse .navbar-brand.logo-text {
		color: var(--normal-text);
		font-weight: lighter;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: var(--normal-text);
		font-weight: 100 !important;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover {
		color: var(--purple-color);
		font-weight: 100 !important;
	}
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: var(--blue-color);
		font-weight: 100 !important;
	}

	.navbar-custom .dropdown-menu {
		box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	}

	.navbar-custom .dropdown-menu-ar {
		box-shadow: 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.2);
	}

	.navbar-custom .dropdown-item {
		padding-top: 0.30rem;
		padding-bottom: 0.30rem;
	}

	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	}

	/* end of navigation */
	/* Header */
	.header .header-content {
		padding-top: 6.5rem;
	}

	/* end of header */
	/* Testimonials */
	.slider-1 .swiper-button-prev {
		margin-inline-start: auto;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	.slider-1 .swiper-button-next {
		margin-inline-end: auto;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	/* end of testimonials */
	/* Features */
	.tabs .card .card-icon {
		width: 4.5rem;
		height: 4.5rem;
	}

	.tabs .card .card-icon .fas,
	.tabs .card .card-icon .far {
		font-size: 2.25rem;
		line-height: 4.5rem;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper {
		width: 85%;
	}

	.tabs #tab-1 img {
		margin-bottom: 0;
	}

	.tabs #tab-1 .text-area {
		margin-top: 0;
	}

	.tabs #tab-1 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-inline-end: 2.5rem;
		vertical-align: top;
	}

	.tabs #tab-1 div.card:nth-child(2n+2) {
		margin-inline-end: 0;
	}

	.tabs #tab-2 img {
		margin-bottom: 0;
	}

	.tabs #tab-2 .text-area {
		margin-top: 0;
	}

	.tabs #tab-2 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-inline-end: 2.5rem;
		vertical-align: top;
	}

	.tabs #tab-2 div.card:nth-child(2n+2) {
		margin-inline-end: 0;
	}

	.tabs #tab-3 .text-area {
		margin-bottom: 0;
	}

	.tabs #tab-3 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-inline-end: 2.5rem;
		vertical-align: top;
	}

	.tabs #tab-3 div.card:nth-child(2n+2) {
		margin-inline-end: 0;
	}

	.tabs #tab-3 img {
		margin-bottom: 0;
	}

	/* end of features */
	/* Details Lightboxes */
	.lightbox-basic {
		padding: 3rem 3rem;
	}

	/* end of details lightboxes */
	/* Screenshots */
	.slider-2 .swiper-button-prev {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	.slider-2 .swiper-button-next {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	/* end of screenshots */
	/* Contact */
	.form .list-unstyled li {
		display: inline-block;
		margin-inline-end: 0.5rem;
		margin-inline-start: 0.5rem;
	}

	.form .list-unstyled .address {
		display: block;
	}

	/* end of contact */
	/* Extra Pages */
	.ex-header {
		padding-top: 10rem;
		padding-bottom: 9rem;
	}

	.ex-basic-2 .text-container.dark {
		padding: 2.5rem 3rem 2rem 3rem;
	}

	.ex-basic-2 .text-container.column {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}

	/* end of extra pages */
}
/* end of min-width width 768px */
/* Min-width width 992px */
@media (min-width: 992px) {
	
	.app-background-empty {
		background-size: cover;
		border-radius: 0px var(--radius) 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;
		margin: 0px;
		/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);*/
		background-color: var(--card-background-color-dark);
		border-left-color: var(--separator);
		border-left-width: 0px;
		border-left-style: solid;
		border-top-width: 0px;
	}

	.app-background-chinese-guru {
		background-size: cover;
		border-radius: 0px var(--radius) 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;
		margin: 0px;
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/chinese_guru.jpg');
		border-left-color: var(--separator);
		border-left-width: 0px;
		border-left-style: solid;
		border-top-width: 0px;
	}

	.app-background-sinograms {
		background-size: cover;
		border-radius: 0px var(--radius) 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);			
		background-image: url('/img/backgrounds/sinograms.jpg');
		border-left-color: var(--separator);
		border-left-width: 0px;
		border-left-style: solid;
		border-top-width: 0px;
	}

	.app-background-japanese-guru {
		background-size: cover;
		border-radius: 0px var(--radius) 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/japanese_guru.jpg');
		background-position: center;
		border-left-color: var(--separator);
		border-left-width: 0px;
		border-left-style: solid;
		border-top-width: 0px;
	}

	.app-background-kanjikana {
		background-size: cover;
		border-radius: 0px var(--radius) 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/kanjikana.jpg');
		border-left-color: var(--separator);
		border-left-width: 0px;
		border-left-style: solid;
		border-top-width: 0px;
	}

	.app-background-cantonese-guru {
		background-size: cover;
		border-radius: 0px var(--radius) 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/cantonese_guru.jpg');
		border-left-color: var(--separator);
		border-left-width: 0px;
		border-left-style: solid;
		border-top-width: 0px;
	}

	.app-background-empty-ar {
		background-size: cover;
		border-radius: var(--radius) 0px 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;
		margin: 0px;
		/*box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);*/
		background-color: var(--card-background-color-dark);
		border-right-color: var(--separator);
		border-right-width: 0px;
		border-right-style: solid;
		border-top-width: 0px;
	}

	.app-background-chinese-guru-ar {
		background-size: cover;
		border-radius: var(--radius) 0px 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;
		margin: 0px;
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/chinese_guru.jpg');
		border-right-color: var(--separator);
		border-right-width: 0px;
		border-right-style: solid;
		border-top-width: 0px;
	}

	.app-background-sinograms-ar {
		background-size: cover;
		border-radius: var(--radius) 0px 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);			
		background-image: url('/img/backgrounds/sinograms.jpg');
		border-right-color: var(--separator);
		border-right-width: 0px;
		border-right-style: solid;
		border-top-width: 0px;
	}

	.app-background-japanese-guru-ar {
		background-size: cover;
		border-radius: var(--radius) 0px 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/japanese_guru.jpg');
		background-position: center;
		border-right-color: var(--separator);
		border-right-width: 0px;
		border-right-style: solid;
		border-top-width: 0px;
	}

	.app-background-kanjikana-ar {
		background-size: cover;
		border-radius: var(--radius) 0px 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/kanjikana.jpg');
		border-right-color: var(--separator);
		border-right-width: 0px;
		border-right-style: solid;
		border-top-width: 0px;
	}

	.app-background-cantonese-guru-ar {
		background-size: cover;
		border-radius: var(--radius) 0px 0px 0px;
		text-align:center;
		padding-top: 40px;
		padding-bottom: 40px;	
		margin: 0px;	
		box-shadow: inset 0.15rem 0.15rem 1.375rem 0 rgba(0, 0, 0, 0.7);
		background-image: url('/img/backgrounds/cantonese_guru.jpg');
		border-right-color: var(--separator);
		border-right-width: 0px;
		border-right-style: solid;
		border-top-width: 0px;
	}

	/* Navigation */
	.navbar-custom .social-icons {
		display: block;
		margin-left: 0.5rem;
	}

	.navbar-custom .fa-stack {
		margin-bottom: 0.1875rem;
		margin-left: 0.375rem;
		font-size: 0.75rem;
	}
	
	.navbar-custom .fa-stack-1x {
		color: var(--normal-text);
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack:hover .fa-stack-2x {
		color: var(--normal-text);
	}

	.fa-stack-purple {
		color: var(--purple-background-color);
	}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: var(--card-background-color-dark);
	}

	/* end of navigation */
	/* General Styles */
	.p-heading {
		width: 65%;
	}

	/* end of general styles */
	/* Header */
	.header .header-content {
		padding-top: 6.5rem;
		padding-bottom: 3rem;
		text-align: left;
	}

	.header .text-container {
		margin-top: 0.5rem;
	}

	/* end of header */
	/* Features */
	.tabs .card-body {
		padding: 1rem 0 1.5rem 0;
	}

	.tabs #tab-1 .card.left-pane {
		/*text-align: right;*/
	}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 68%;
	}

	.tabs #tab-1 .card.left-pane .card-icon {
		float: none;
		margin-inline-end: 0;
		margin-inline-start: 0rem;
	}

	.tabs #tab-1 img {
		margin-top: 0;
		margin-bottom: 0;
	}

	.tabs #tab-2 .icon-cards-area {
		margin-top: 2.25rem;
	}

	.tabs #tab-2 .icon-cards-area .card {
		width: 68%;
		margin-inline-end: 3.5rem;
	}

	.tabs #tab-2 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	}

	.tabs #tab-1 .icon-cards-area {
		margin-top: 2.25rem;
	}

	.tabs #tab-1 .icon-cards-area .card {
		width: 45%;
		margin-inline-end: 3.5rem;
	}

	.tabs #tab-1 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	}

	.tabs #tab-3 .icon-cards-area .card {
		width: 45%;
		margin-inline-end: 3.5rem;
	}

	.tabs #tab-3 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	}

	/* end of features */
	/* Video */
	.basic-1 .image-container {
		max-width: 53.125rem;
		margin-right: auto;
		margin-left: auto;
	}

	/* end of video */
	/* Details 1 */
	.basic-2 img {
		margin-bottom: 0;
	}

	.basic-2 .text-container {
		margin-top: 2.625rem;
	}

	/* end of details 1 */
	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 2.5rem;
		margin-bottom: 0;
	}

	/* end of details 2 */
	/* Details Lightboxes */
	.lightbox-basic img {
		margin-bottom: 0;
		margin-left: 0;
	}

	.lightbox-basic h3 {
		margin-top: 0.25rem;
	}

	/* end of details lightboxes */
	/* Screenshots */
	.slider-2 .swiper-container {
		width: 92%;
	}

	/* end of screenshots */
	/* Download */
	.basic-4 {
		padding-top: 6.75rem;
	}

	.basic-4 .text-container {
		margin-top: 3.5rem;
		margin-bottom: 0;
		text-align: left;
	}

	/* end of download */
	/* Statistics */
	.counter {
		padding-top: 6rem;
		padding-bottom: 4.5rem;
	}

	.counter #counter .cell {
		width: 10rem;
		margin-right: 2.5rem;
		margin-left: 2.5rem;
	}

	.counter #counter .counter-value {
		font: 700 4.25rem/4.5rem "Montserrat", sans-serif;
	}

	/* end of statistics */
	/* Extra Pages */
	.ex-header h1 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 {
		padding-bottom: 5rem;
	}

	.ex-basic-2 .text-container.column {
		margin-bottom: 0;
	}

	/* end of extra pages */
}
/* end of min-width width 992px */
/* Min-width width 1200px */
@media (min-width: 1200px) {

	/* Navigation */
	.navbar-custom {
		padding: 2.125rem 5rem 2.125rem 5rem;
	}

	.navbar-custom.top-nav-collapse {
		padding: 0.5rem 5rem 0.5rem 5rem;
	}

	/* end of navigation */
	/* General Styles */
	.p-heading {
		width: 44%;
	}

	/* end of general styles */
	/* Header */
	.header .text-container {
		margin-top: 1.5rem;
		margin-left: 2.5rem;
	}

	.header .image-container {
		margin-left: 3rem;
	}

	/* end of header */
	/* Features */
	.tabs {
		padding-bottom: 6.5rem;
	}

	.tabs #tab-1 .card.first {
		margin-top: 0rem;
	}

	.tabs #tab-1 .card {
		margin-bottom: 0rem;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 73%;
	}

	.tabs #tab-1 img {
		margin-top: 0;
	}

	.tabs #tab-1 .text-area {
		margin-top: 1.5rem;
		margin-inline-end: 1rem;
		margin-inline-start: 1rem;
	}

	.tabs #tab-1 .container {
		padding-inline-end: 1.5rem;
		padding-inline-start: 1.5rem;
	}

	.tabs #tab-2 .container {
		padding-inline-end: 1.5rem;
		padding-inline-start: 1.5rem;
	}

	.tabs #tab-2 .text-area {
		margin-top: 1.5rem;
		margin-inline-end: 1rem;
		margin-inline-start: 1rem;
	}

	.tabs #tab-1 .icon-cards-area {
		margin-inline-end: 1rem;
		margin-inline-start: 1rem;
	}

	.tabs #tab-1 .icon-cards-area .card {
		margin-inline-end: 3.875rem;
	}

	.tabs #tab-2 .icon-cards-area {
		margin-inline-end: 1rem;
		margin-inline-start: 1rem;
	}

	.tabs #tab-2 .icon-cards-area .card {
		margin-inline-end: 3.875rem;
	}

	.tabs #tab-3 .container {
		padding-inline-end: 1.5rem;
		padding-inline-start: 1.5rem;
	}

	.tabs #tab-3 .icon-cards-area {
		margin-top: 2rem;
		margin-inline-start: 1rem;
	}

	.tabs #tab-3 .icon-cards-area .card {
		margin-inline-end: 3.875rem;
	}

	.tabs #tab-3 .text-area {
		margin-inline-end: 1.5rem;
		margin-inline-start: 1rem;
	}

	.tabs #tab-4 .container {
		padding-inline-end: 1.5rem;
		padding-inline-start: 1.5rem;
	}

	.tabs #tab-4 .icon-cards-area {
		margin-top: 2rem;
		margin-inline-start: 1rem;
	}

	.tabs #tab-4 .icon-cards-area .card {
		margin-inline-end: 3.875rem;
	}

	.tabs #tab-4 .text-area {
		margin-inline-end: 1.5rem;
		margin-inline-start: 1rem;
	}

	/* end of features */
	/* Details 1 */
	.basic-2 .text-container {
		margin-top: 4.5rem;
		margin-left: 4rem;
		margin-right: 1.5rem;
	}

	/* end of details 1 */
	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 4.5rem;
		margin-right: 3.5rem;
		margin-left: 2rem;
	}

	/* end of details 2 */
	/* Download */
	.basic-4 .text-container {
		margin-top: 3.5rem;
	}

	.basic-4 .image-container {
		margin-left: 3rem;
	}

	/* end of download */
	/* Footer */
	.footer .footer-col {
		width: 90%;
	}

	.footer .footer-col.middle {
		margin-inline-end: auto;
		margin-inline-start: auto;
	}

	.footer .footer-col.last {
		margin-inline-end: 0;
		margin-inline-start: auto;
	}

	/* end of footer */
	/* Extra Pages */
	.ex-header h1 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 .form-container {
		margin-left: 1.75rem;
	}

	.ex-basic-2 .image-container-small {
		margin-left: 1.75rem;
	}

	/* end of extra pages */
}
/* end of min-width width 1200px */