@charset "UTF-8";

.br{
	margin-bottom:.5rem;
}
.about{
	background-color: #181818;
}
.about h1,h2,h3,h4,h5,h6{
	color: #cecece;
}
.faq-title{
	font-size: 1.2rem;
}
.gamedev-accordion-title{
	font-size: .9rem;
}
.gamedev-accordion-content p{
    color: #c1c1c1;
}
.faq-title-line{
	color: #f0f0f0;
}
.pbopod_blue{
	color:#52cccc;
}
.content{
	background-color: #202020;
}
.context{
	display: block;
	color: #b9b9b9;
	font-family: "pbopod_context";
	font-size: .9rem;
	line-height: 2rem;
}
.context-num{
	font-family: "pbopod";
	font-size:1.2rem;
}
.context h1,h2,h3,h4,h5,h6{
	color: #f0f0f0;
	font-family: "pbopod";
}
.context p,ul,li{
	line-height: 2rem;
}
.context p{
	text-indent: 30px;
}
.faq .accordion-content {
	color: #A7A7A7;
}
.cover{
	/*height: auto;*/
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-image: url(.././img/cover.jpg);
	z-index: -99;
}
.cover-content{
	padding-top: 15rem;
	padding-bottom: 15rem;
	z-index: 99;
}
.cover-content h1,h2,h3,h4,h5,h6{
	z-index: 99;
}
.cover-content img{
	opacity: 0.5;
	transition: all 5s;
	-webkit-transition: all 5s;
}
.cover-content img:hover{
	opacity: 1.0;
	transform: scale(1.4);
	transition: all 5s;
	-webkit-transition: all 5s;
}
.cover-content-spacer{
	margin-bottom: 22rem;
}
.front_content{
	background-color: inherit;
}
.title-bar{
	background: #050505;
	color: #fefefe;
}
.top-bar{
	background-color: #050505;
}
.top-bar ul{
	background-color: #050505;
}
.menu-icon:after {
	background: #fefefe;
	box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}
.footer{
	background-color: #a0a0a0;
	color: #2e2e2e;
	font-size: 0.7rem;
}
.footer a{
	color:#001389;
}
.footer_items h1, h2, h3, h4, h5, h6{
	color: #151515;
}
.footer_items a{
	color: #252525;
	transition: all 1s;
}
.footer_items a:hover{
	color: #002266;
	letter-spacing: .1rem;
	transition: all .2s;
}
.en{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.num-fa {
	font-family: "pbopod";
	font-size: 1.1rem;
}
.progress-meter-text{
	color: #fefefe;
}
.progress.ps .progress-meter{
	background-color:#4c73bf;
}
.progress {
	background-color: #303030;
	margin-bottom: 0.5rem;
}
.les-card{
	background-color: #151515;
	/*border-radius: 0 0 1rem 0;*/
}
.les-cover-img img{
	width: 100%;
}

/*
.les-card-image{
	transform: scale(1.0);
	transition: all .5s;
}
.les-card-image:hover{
	transform: scale(1.05);
	transition: all .5s;
}
*/
.les-card-title{
	color: #e5d35c;
	background-color: #151515;
	padding: 1rem;
	/*border-radius: 1rem 0 0 0;*/
}
.pbcard{
	overflow: hidden;
	transform: scale(1.0);
	filter: grayscale(50%);
	-webkit-filter: grayscale(50%);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.pbcard:hover{
	transform: scale(1.05);
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.pbcard img{
	min-width: 100%;
	width: auto;
	height: auto;
}
.les-card-title title{
	display:block;
	text-align:center;
	font-size: 1.5rem;
}
.tabs-title-en{
	float: left;
}
table{
	border-collapse: separate;
	font-size: .8rem;
	line-height: 1rem;
}
table tbody tr{
	background-color: #181818;
}
table tbody th{
	background-color: #383838;
	border-radius: 1rem 1rem 0 0;
}
table tbody td:nth-child(even){
	color: #a0a000;
}
table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #252525;
}
table tbody tr:nth-child(odd) {
    border-bottom: 0;
    background-color: #282828;
}
table tbody tr:last-of-type{
	border-radius: 0rem 0rem 1rem 1rem;
}
table th h5{
	color: #00a0a0;
	text-align: right;
}

.label-alert{
	color: #ff0000;
}
@media screen and (max-width: 39.9375em) {
	.context{
	font-family: "pbopod_context";
	font-size: .7rem;
	line-height: 1.6rem;
	}
	.context-num{
	font-size:1rem;
	}
	.context p,ul,li{
	line-height: 1.6rem;
	}
	/*.cover-content{
	margin-top: -15rem;
	}*/
	table{
	border-collapse: separate;
	font-size: .7rem;
	line-height: .9rem;
	}
}
@media print, screen and (min-width: 40em) {
	/*.cover-content{
	margin-top: -25rem;
	}*/
}
@media print, screen and (min-width: 64em) {
	/*.cover-content{
		margin-top: -40rem;
	}*/
}