/*
*	---------------------------------------------
*	--------------- RESET DEFAULT SETTINGS ------
*	---------------------------------------------
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,li{  
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baselinebaseline;
	outline:none;
	outline-style:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	box-sizing:content-box;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{  
	display:block;
} 
ul{
	list-style:disc outside;  
}
ol{
	list-style:decimal outside;  
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
b,strong{
	font-weight:bold;
}
i,em{
	font-style:italic;
}
html,body{
	width:100%;
	height:100%;
}

/*
*	---------------------------------------------
*	--------------- FONTS -----------------------
*	---------------------------------------------
*/

@font-face{
	font-family:arial;
	src:url(/fonts/arial.ttf);
}
@font-face{
	font-family:pt_sans;
	src:url(/fonts/pt_sans.ttf);
}

/*
*	---------------------------------------------
*	--------------- MAIN ELEMENTS ---------------
*	---------------------------------------------
*/

html,body,input,.select,textarea{
	font:normal 16px pt_sans,arial,tahoma;
	color:#1f2b35;
	background:#fff;
}
a{
 	color:#12a500;
	transition:color .1s ease-in;
	text-decoration:none;
	cursor:pointer;
}
label{
	cursor:pointer;
}
a:hover{
 	color:#1ccb06;
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6{
	font-size:16px;
	font-weight:normal;
 	color:#12a500;
}
h1{
	font-size:20px;
}
h1 a{
 	color:#1f2b35;
}
hr{
	color:#eef0f3;
	background-color:#eef0f3;
	height:1px;
	border:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
.img{
	width:300px;
	max-width:100%;
	height:auto;
	border-radius:5px;
	box-shadow:0 2px 8px rgba(0,0,0,.2);
	cursor:pointer;
	transition:all .1s ease-in;
}
.img:hover{
	box-shadow:0 2px 8px rgba(0,0,0,.4);
}
.img.left{
	float:left;
	margin:5px 20px 10px 5px;
}
.img.right{
	float:right;
	margin:5px 5px 10px 20px;
}
@media all and (max-width:767px){
	.img{
		width:150px !important;
	}
	.img.left{
		margin:0 20px 10px 5px;
	}
	.img.right{
		margin:0 5px 10px 10px;
	}
}
@media all and (max-width:413px){
	.img{
		float:none !important;
		width:100% !important;
		margin:0 0 20px 0 !important;
		border:0 !important;
		box-shadow:none !important;
	};
}
#loading{
	position:fixed;
	z-index:3000;
	width:100%;
	height:100%;
	background-color:#fff;
}
#loading.preload{
	background-image:url(/img/site/loading.php);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
#up{
	position:fixed;
	z-index:1000;
	bottom:65px;
	right:30px;
	width:60px;
	height:30px;
	background:url(/img/site/up.php) center no-repeat;
	cursor:pointer;
	display:none;
	opacity:0;
}
@media all and (max-width:1023px){
	#up{
		bottom:20px;
	}
}
.red{
	color:#c00f00 !important;
}
.yellow{
	color:#586774 !important;
}
.green{
	color:#12a500 !important;
}

/*
*	---------------------------------------------
*	--------------- INPUTS & BUTTONS ------------
*	---------------------------------------------
*/

input,.select,textarea,.progress{
	font-size:16px;
 	color:#b30e00;
	border:1px solid #c5ccd3;
	border-radius:2px;
	resize:none;
	outline-style:none;
	outline:none;
	transition:border-color .1s ease-in;
}
input,.select,.progress,textarea{
	background:#fff;
	box-shadow:inset 1px 1px 5px 0 rgba(0,0,0,.1);
}
textarea{
	resize:vertical;
}
input[type='text'],input[type='file'],input[type='password'],.select,textarea{
	padding:9px 12px;
	margin-top:4px;
	width:100%;
	box-sizing:border-box;
}
input:hover,.select:hover,textarea:hover{
	border-color:#9cacb9;
}
#select{
	position:absolute;
	z-index:1000;
	display:none;
	opacity:0;
	width:auto;
	max-width:100%;
	max-height:300px;
	overflow:hidden;
	box-shadow:0 1px 5px rgba(0,0,0,.2);
	background-color:#fff;
}
#select span{
	display:none;
}
#select .mCSB_container>div{
	display:block;
	padding:0 30px 0 10px;
	min-height:28px;
	line-height:28px;
	cursor:pointer;
	white-space:nowrap;
}
#select .mCSB_container>div:hover,#select .mCSB_container>div.cur{
	background:#eef0f3;
}
#select .mCSB_container>div.cur{
	color:#fff;
	background:#1ccb06;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#c5ccd3;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#9cacb9;
}
.select{
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	width:auto;
	max-width:100%;
	padding:0;
	cursor:pointer;
	background:#fff;
}
.select>div{
	display:none;
	padding:0 0 0 10px;
	margin-right:30px;
	width:auto;
	line-height:38px;
	min-height:38px;
	max-height:38px;
	overflow:hidden;
	white-space:nowrap;
	box-sizing:border-box;
}
.select>div.cur{
	display:block;
}
.select span{
	position:absolute;
	right:10px;
	color:#9cacb9;
	font-size:12px;
	transition:all .1s ease-in;
}
.select:hover span{
	color:#586774;
}
input[type='checkbox'],input[type='radio']{
	display:none;
}
label{
	display:inline-block;
	font-size:14px;
	max-width:100%;
	transition:all .1s ease-in;
}
label:hover{
	color:#1f2b35;
}
label.error{
	padding-left:5px !important;
}
input[type='radio']+label{
	margin-top:5px;
}
label .ring{
	display:inline-block;
	position:relative;
	width:18px;
	height:18px;
	background-color:#fff;
	border:1px solid #c5ccd3;
	border-radius:2px;
	transition:all .1s ease-in;
	margin-right:5px;
	margin-bottom:5px;
	vertical-align:middle;
	text-align:center;
	line-height:16px;
	font-weight:bold;
	font-size:16px;
}
label:hover .ring{
	border-color:#9cacb9;
}
input[type='radio']+label .ring{
	border-radius:50%;
}
label .dot{
	position:absolute;
	width:10px;
	height:10px;
	top:4px;
	left:4px;
	background:#b30e00;
	border-radius:10px;
	opacity:0;
}
input:checked+label{
 	color:#b30e00;
}
input[type='checkbox']+label .ring span{
	display:none;
}
input[type='checkbox']:checked+label .ring span{
	display:inline-block;
}
input[type='radio']:checked+label .dot{
	opacity:1;
}
input:focus,textarea:focus{
	border-color:#1ccb06;
}
label.error{
	border-radius:5px;
	padding:8px 5px 5px 30px;
	background-position:5px 5px;
}
input[type='button'],input[type='submit']{
	vertical-align:bottom;
	padding:10px 20px;
 	color:#1f2b35;
	font-size:18px;
	cursor:pointer;
	border:1px solid #c5ccd3;
	border-radius:5px;
	text-shadow:1px 1px 0px #fff;
	box-shadow:none;
	background:-webkit-linear-gradient(bottom, #eef0f3, #fff);
	background:linear-gradient(to top, #eef0f3, #fff);
}
input[type='button']:hover,input[type='submit']:hover{
	border-color:#9cacb9;
}
input[type='button']:active,input[type='submit']:active,input[type='button']:disabled,input[type='submit']:disabled{
 	color:#586774;
	border-color:#1ccb06;
	background:-webkit-linear-gradient(top, #eef0f3, #fff);
	background:linear-gradient(to bottom, #eef0f3, #fff);
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
}
.mandatory{
 	color:#e61300;
}
.input_sep{
 	color:#fff;
 	font-size:16px;
	text-align:left;
	text-shadow:1px 1px 0 #12a500;
	margin:20px 0 -10px -20px;
	padding:8px 20px;
	border-top:1px solid #12a500;
	border-bottom:1px solid #fff;
	background:-webkit-radial-gradient(right bottom, #46e632, #12a500);
	background:radial-gradient(ellipse at right bottom, #46e632, #12a500);
}
.input{
	position:relative;
	display:inline-block;
	margin-top:10px;
	padding-right:20px;
	width:100%;
	min-width:100%;
	max-width:100%;
 	font-size:14px;
	line-height:14px;
 	color:#586774;
	vertical-align:bottom;
	overflow:hidden;
	box-sizing:border-box;
}
@media all and (max-width:479px){
	.input{
		width:100% !important;
		min-width:100% !important;
		max-width:100% !important;
	}
}
.input .error{
	background-color:#fff9e5;
	border:1px solid #e61300;
}
.box>.input_sep:first-child{
	border-top:0;
	margin-top:-20px;
	margin-bottom:5px;
}
.buttons{
	margin-top:20px;
	padding-right:20px;
}
.capcha,.refresh{
	margin-bottom:-10px;
	height:32px;
}
.refresh{
	display:inline-block;
	width:20px;
	height:20px;
	margin-bottom:-5px;
	background:url(/img/site/refresh.php) center top no-repeat;
	cursor:pointer;
}
.refresh:hover{
	background-position:bottom;
}
.progress{
	visibility:hidden;
	opacity:0;
	position:relative;
	width:100%;
	min-width:100%;
	height:45px;
	margin:0 auto -45px auto;
	border-radius:2px;
	cursor:pointer;
	background:-webkit-linear-gradient(bottom, #fff,#eef0f3);
	background:linear-gradient(to top, #fff,#eef0f3);
}
.progress .bar{
	visibility:hidden;
	width:0;
	min-width:10px;
	height:100%;
	background:url(/img/site/progress.php) repeat;
	background-size:auto 100%;
	border-radius:2px;
}
.progress .text{
	visibility:hidden;
	position:relative;
	top:-45px;
	left:0;
	line-height:45px;
 	font-size:14px;
	color:#1f2b35;
	text-align:center;
	text-shadow:1px 1px 0 #fff;
	background:url(/img/site/progress.php) repeat;
	background-size:auto 100%;
	border-radius:2px;
}
.email{
	display:none;
}

/*
*	---------------------------------------------
*	--------------- BOX -------------------------
*	---------------------------------------------
*/

.box,.box1,.box2,.box3{
	display:inline-block;
	margin-bottom:5px;
	padding:20px 0 20px 20px;
	width:100%;
	overflow:hidden;
	text-align:left;
	border-radius:5px;
	background:#eef0f3;
	box-sizing:border-box;
}
.box1,.box2,.box3{
	padding:15px;
	width:auto;
}
.box1 a,.box2 a,.box3 a{
	text-decoration:underline;
}
.box1,.box1 a{
	color:#c00f00;
}
.box1{
	background:#fdf6f5;
	border:1px solid #ffc4bf;
}
.box2,.box2 a{
	color:#12a500;
}
.box2{
	background:#f3fee4;
	border:1px solid #1ccb06;
}
.box3,.box3 a{
	color:#764b1c;
}
.box3{
	background:#ffecaf;
	border:1px solid #ffc000;
}
.box .input:first-child{
	margin-top:0;
}
.box hr{
	color:#c5ccd3;
	background-color:#c5ccd3;
	box-shadow:0 1px 0 #fff;
	height:1px;
	margin:20px 0 10px -20px;
	border:none;
}

/*
*	---------------------------------------------
*	--------------- TIP -------------------------
*	---------------------------------------------
*/

#tip{
	position:absolute;
	overflow:hidden;
	z-index:2000;
	display:none;
 	font-size:14px;
	line-height:14px;
 	color:#764b1c;
	text-decoration:none;
	max-width:300px;
	border-radius:5px;
	box-shadow:0 1px 5px rgba(0,0,0,.2);
	background:#fff9e5;
	padding:10px;
}
#tip a{
 	color:#1f2b35;
}
#tip a:hover{
 	color:#12a500;
}
.tip{
	display:inline-block;
	width:12px;
	height:12px;
	background:url(/img/site/tip.php) center no-repeat;
	background-color:#c5ccd3;
	border-radius:50%;
	cursor:pointer;
	transition:all .1s ease-in;
}
.tip:hover{
	background-color:#9cacb9;
}
.input_sep .tip{
	background-color:#1ccb06;
}
.input_sep .tip:hover{
	background-color:#12a500;
}

/*
*	---------------------------------------------
*	--------------- THUMB -----------------------
*	---------------------------------------------
*/

.thumbs,.pthumbs{
	text-align:inherit;
	margin:10px 2px;
	clear:both;
}
.thumb{
	display:inline-block;
	box-sizing:content-box;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	margin:2px;
	vertical-align:top;
	border:1px solid #fff;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	transition:all .1s ease-in;
}
.thumb span{
	display:block;
	padding-top:100%;
}
.thumb:hover{
	border-color:#c5ccd3;
	box-shadow:0 0 5px #dee2e6;
	z-index:500;
}
.thumb .pic{
	display:block;
	width:auto;
	height:100%;
}

/*
*	---------------------------------------------
*	--------------- LEFT ------------------------
*	---------------------------------------------
*/

#left_wrap{
	position:relative;
	margin:0 auto;
	max-width:1316px;
	height:0;
	padding-left:50px;
}
#left_wrap.noleft{
	display:none;
}
@media all and (max-width:1365px){
	#left_wrap{
		padding-left:30px;
	}
}
@media all and (max-width:1279px){
	#left_wrap{
		padding-left:20px;
	}
}
@media all and (max-width:1023px){
	#left_wrap{
		max-width:none;
		padding:0;
	}
	#left_wrap.noleft{
		display:block;
	}
}
#left{
	position:absolute;
	z-index:990;
	width:268px;
	max-width:268px;
	min-width:268px;
	overflow:hidden;
	vertical-align:top;
	padding-top:20px;
}
@media all and (max-width:1279px){
	#left{
		padding-top:10px;
	}
}
@media all and (max-width:1023px){
	#left{
		display:none;
		width:100%;
		max-width:100%;
		min-width:100%;
		box-shadow:0 0 5px rgba(0,0,0,.4);
		background:#eef0f3;
	}
	#left.opened{
		display:block;
	}
}
#left a{
	text-decoration:none;
}

/*
*	---------------------------------------------
*	--------------- FOLDERS ---------------------
*	---------------------------------------------
*/

#folders table{
	width:100%;
	border-top:1px dashed #eef0f3;
	box-shadow:inset 0 1px 0 #fff;
}
#folders > table:first-child{
	border-top:0;
}
@media all and (max-width:1023px){
	#folders table{
		border-style:solid;
		border-color:#dee2e6;
	}
	#folders > table:first-child{
		border-top:1px solid #dee2e6;
	}
}
#folders > table{
	border-top:1px solid #eef0f3;
}
@media all and (max-width:1023px){
	#folders > table{
		border-color:#dee2e6;
	}
}
#folders td{
	font-size:16px;
	text-shadow:1px 1px 0px #fff;
	text-align:left;
	line-height:16px;
	vertical-align:middle;
	cursor:pointer;
	transition:all .1s ease-in;
}
#folders td:first-child{
	display:none;
}
@media all and (max-width:1023px){
	#folders td:first-child{
		display:table-cell;
		width:15px;
		min-width:15px;
		max-width:15px;
		padding:10px 0;
	}
}
#folders a{
	display:block;
	width:100%;
	height:100%;
	padding:15px 0;
	color:#1f2b35;
}
#folders div td a{
	padding:10px 0;
}
#folders a:hover{
	color:#1ccb06;
}
#folders .open,#folders .close,#folders .loading{
	width:30px;
	max-width:30px;
	min-width:30px;
	font-size:27px;
	line-height:0;
	color:#c5ccd3;
	text-align:right;
	background-position:100% 50%;
	background-repeat:no-repeat;
	background-size:15px auto;
}
#folders .open:hover,#folders .close:hover,#folders .loading:hover{
	color:#1ccb06;
}
#folders .loading{
	background-image:url(/img/site/loading.php);
}
@media all and (max-width:1023px){
	#folders .open,#folders .close,#folders .loading{
		width:50px;
		max-width:50px;
		min-width:50px;
		background-position:50%;
		text-align:center;
		color:#9cacb9;
	}
}
#folders td:hover a{
	color:#1ccb06;
}
#folders td.cur a{
	color:#12a500;
}
#folders div td{
	font-size:14px;
	line-height:14px;
}

/*
*	---------------------------------------------
*	--------------- MAIN ------------------------
*	---------------------------------------------
*/

#main{
	width:100%;
	height:100%;
}

/*
*	---------------------------------------------
*	--------------- TOP -------------------------
*	---------------------------------------------
*/

#top{
	height:100px;
	vertical-align:top;
}
@media all and (max-width:1023px){
	#top{
		height:60px;
	}
}
@media print{
	#top{
		display:none;
	}
}
#top > div{
	position:fixed;
	z-index:999;
	width:100%;
	height:100px;
	background:#fff;
	box-shadow:0 10px 20px #fff;
}
@media all and (max-width:1023px){
	#top > div{
		height:60px;
		box-shadow:0 5px 5px #fff;
	}
}
#top > div > div{
	position:relative;
	margin:0 auto;
	max-width:1266px;
	height:0;
	padding:0 50px;
	text-align:right;
}
@media all and (max-width:1365px){
	#top > div > div{
		padding:0 30px;
	}
}
@media all and (max-width:1279px){
	#top > div > div{
		padding:0 20px;
	}
}
@media all and (max-width:1023px){
	#top > div > div{
		padding:0 10px 0 0;
	}
}

/*
*	---------------------------------------------
*	--------------- LOGO ------------------------
*	---------------------------------------------
*/

#logo{
	position:absolute;
	display:block;
	left:50px;
	top:0;
	background:url(/img/site/logo.svg) left center no-repeat;
	background-size:contain;
	padding-left:80px;
	height:100px;
	cursor:pointer;
	text-decoration:none;
}
@media all and (max-width:1365px){
	#logo{
		left:30px;
	}
}
@media all and (max-width:1279px){
	#logo{
		left:20px;
	}
}
@media all and (max-width:1023px){
	#logo{
		height:60px;
		left:10px;
		padding-left:45px;
	}
}
#logo div{
	position:relative;
	text-align:left;
	letter-spacing:1px;
}
#logo div:first-child{
	font-family:times;
	font-size:30px;
	bottom:-25px;
}
@media all and (max-width:1023px){
	#logo div:first-child{
		font-size:17px;
		bottom:-17px;
	}
}
#logo div:nth-child(2){
	font-size:12px;
	top:25px;
}
@media all and (max-width:1023px){
	#logo div:nth-child(2){
		font-size:8px;
		top:17px;
	}
}

/*
*	---------------------------------------------
*	--------------- LEFT BUTTON -----------------
*	---------------------------------------------
*/

#left_button{
	display:none;
	position:absolute;
	right:0;
	top:0;
	width:40px;
	height:60px;
	line-height:60px;
	background:url(/img/site/menu.php) no-repeat center;
	cursor:pointer;
}
@media all and (max-width:1023px){
	#left_button{
		display:block;
	}
}

/*
*	---------------------------------------------
*	--------------- LANG ------------------------
*	---------------------------------------------
*/

.lang{
	display:inline-block;
	color:#1f2b35;
	font-size:16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #fff;
	padding:0 0 0 35px;
	background-repeat:no-repeat;
	background-position:10px 50%;
	background-image:url(/img/site/lang.php);
}
.lang .input{
	margin:0;
	padding:0;
}
.lang .select{
	background:none;
	box-shadow:none;
	margin:0;
	border:none;
	color:#1f2b35;
	vertical-align:top;
	text-shadow:1px 1px 0px #fff;
}
.lang .select:hover{
	color:#1ccb06;
}
@media all and (max-width:1023px){
	.lang{
		display:block;
		padding:0 20px 0 45px;
		background-position:15px 50%;
	}
	#top .lang{
		display:none;
	}
}
#top .lang{
	margin-top:30px;
}
#left .lang{
	margin-top:5px;
	margin-bottom:5px;
}
@media all and (min-width:1024px){
	#left .lang{
		display:none;
	}
}

/*
*	---------------------------------------------
*	--------------- MIDDLE ----------------------
*	---------------------------------------------
*/

#middle{
	height:100%;
	vertical-align:top;
	padding:30px 50px;
}
@media all and (max-width:1365px){
	#middle{
		padding:30px;
	}
}
@media all and (max-width:1279px){
	#middle{
		padding:20px;
	}
}
@media all and (max-width:1023px){
	#middle{
		padding:20px 10px;
	}
}
#middle>div{
	margin:0 auto;
	max-width:1266px;
}
#middle>div>table{
	margin:0 auto;
	width:100%;
	max-width:1266px;
}
#middle_left{
	width:318px;
	min-width:318px;
	max-width:318px;
}
#middle_left.noleft{
	display:none;
}
@media all and (max-width:1365px){
	#middle_left{
		width:300px;
		min-width:300px;
		max-width:300px;
	}
}
@media all and (max-width:1279px){
	#middle_left{
		width:290px;
		min-width:290px;
		max-width:290px;
	}
}
@media all and (max-width:1023px){
	#middle_left{
		display:none;	
	}
}
#content,#item{
	max-width:0;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
}

/*
*	---------------------------------------------
*	--------------- BOTTOM ----------------------
*	---------------------------------------------
*/

#bottom{
	font-size:13px;
	color:#586774;
	text-shadow:1px 1px 0 #fff;
	background:#fff;
	padding:0 50px;
}
@media all and (max-width:1365px){
	#bottom{
		padding:0 30px;
	}
}
@media all and (max-width:1279px){
	#bottom{
		padding:0 20px;
	}
}
@media all and (max-width:1023px){
	#bottom{
		padding:20px 0 10px 0;
	}
}
#bottom > div{
	max-width:1266px;
	margin:0 auto;
	border-top:1px solid #eef0f3;
	padding:20px 0;
}
@media all and (max-width:1023px){
	#bottom > div{
		text-align:center;
	}
}
@media print{
	#bottom{
		display:none;
	}
}

/*
*	---------------------------------------------
*	--------------- SHARE -----------------------
*	---------------------------------------------
*/

.share{
	float:right;
	opacity:.5;
	transition:all .1s ease-in;
	margin-top:-20px;
}
.share:hover{
	opacity:.99;
}
@media all and (max-width:1023px){
	.share{
		display:block;
		float:none;
		margin-top:10px;
	}
}
.share a{
	background-image:url(/img/site/share.svg);
	background-repeat:no-repeat;
}

/*
*	---------------------------------------------
*	--------------- MORE ------------------------
*	---------------------------------------------
*/

.more{
	display:inline-block;
	width:200px;
	height:30px;
	margin:0 auto -15px auto;
	cursor:pointer;
	background:url(/img/site/more.php) center no-repeat;
}
@media print{
	.more{
		display:none;
	}
}

/*
*	---------------------------------------------
*	--------------- TITLE -----------------------
*	---------------------------------------------
*/

.title{
	margin-bottom:20px;
}
@media all and (max-width:1023px){
	.title{
		text-align:center;
	}
}

/*
*	---------------------------------------------
*	--------------- HOMEPAGE DIV ----------------
*	---------------------------------------------
*/

.homepage{
	text-align:center;
}
/*
@media all and (min-width:1024px){
	.homepage{
		margin-top:80px;
	}
}
*/
.age{
	display:inline-block;
	width:50px;
	height:50px;
	margin-top:20px;
	background:url(/img/site/age.php) center no-repeat;
	background-size:contain;
}

/*
*	---------------------------------------------
*	--------------- PICS ------------------------
*	---------------------------------------------
*/

.pics{
	float:left;
	width:23.5%;
	max-width:23.5%;
	min-width:23.5%;
	margin:10px 5px;
	vertical-align:top;
	border-radius:5px;
	background:#fff;
	box-shadow:0 3px 5px rgba(0,0,0,.1);
	transition:all .1s ease-in;
}
.pics.home{
	width:15.6%;
	max-width:15.6%;
	min-width:15.6%;
}
.pics.by3{
	width:31.6%;
	max-width:31.6%;
	min-width:31.6%;
}
@media all and (max-width:1023px){
	.pics,.pics.home,.pics.by3{
		width:31%;
		max-width:31%;
		min-width:31%;
	}
}
@media all and (max-width:479px){
	.pics,.pics.home,.pics.by3{
		margin:5px 2px;
		width:48%;
		max-width:48%;
		min-width:48%;
	}
}
.pics:hover{
	box-shadow:0 2px 8px #c5ccd3;
	z-index:500;
	text-decoration:none;
}
.pics.active{
	box-shadow:0 0 10px #46e632;
	z-index:900;
}

/*
*	---------------------------------------------
*	--------------- PIC -------------------------
*	---------------------------------------------
*/

.pics .pic{
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	padding-top:120%;
	background-image:url(/img/site/loading.php);
	background-size:20px;
	border-radius:4px 4px 0 0;
	text-decoration:none;
}
.pics img{
	display:none;
}

/*
*	---------------------------------------------
*	--------------- NAME ------------------------
*	---------------------------------------------
*/

.pics .name{
	height:40px;
	max-height:40px;
	min-height:40px;
	vertical-align:middle;
	text-align:center;
	color:#586774;
	font-size:14px;
	line-height:16px;
}
.pics.home .name{
	height:50px;
	max-height:50px;
	min-height:50px;
	font-size:14px;
	line-height:16px;
}
@media all and (max-width:1279px){
	.pics .name,.pics.home .name{
		height:40px;
		max-height:40px;
		min-height:40px;
		font-size:12px;
		line-height:14px;
	}
}
@media all and (max-width:767px){
	.pics .name,.pics.home .name{
		height:40px;
		max-height:40px;
		min-height:40px;
		font-size:12px;
		line-height:14px;
	}
}
.pics:hover .name{
	color:#1f2b35;
}

/*
*	---------------------------------------------
*	--------------- TABLE -----------------------
*	---------------------------------------------
*/

.table{
	font-size:14px;
	text-align:left;
	margin-bottom:20px;
}
.table thead td{
	padding:0 0 10px 0;
	font-size:16px;
	color:#586774 !important;
}
.table thead tr{
	border-bottom:1px solid #dee2e6;
}
.table td{
	padding:6px 0 8px 0;
	vertical-align:top;
	line-height:18px;
	border-bottom:1px solid #dee2e6;
}
.table tr td:first-child{
	padding-right:20px;
	color:#9cacb9;
}
.table tr:last-child td{
	border-bottom:0;
}

/*
*	---------------------------------------------
*	--------------- JAGUAR ----------------------
*	---------------------------------------------
*/

.jaguar{
	float:right;
	margin:0 0 20px 40px;
	padding:270px 0 20px 20px;
	width:250px;
	border-left:1px solid #eef0f3;
	background:url(/img/site/logo.svg) 50% -20px no-repeat;
	background-size:180px;
}
@media all and (max-width:1279px){
	.jaguar{
		margin-left:20px;
	}
}
@media all and (max-width:767px){
	.jaguar{
		float:none;
		margin:0 0 20px 0;
		padding:270px 0 0 0;
		width:auto;
		border:0;
	}
}

/*
*	---------------------------------------------
*	--------------- PDF -------------------------
*	---------------------------------------------
*/

.pdf{
	display:inline-block;
	padding:10px 0 10px 50px;
	background:url(/img/site/pdf.svg) left center no-repeat;
	background-size:contain;
}

/*
*	---------------------------------------------
*	--------------- AUDIO -----------------------
*	---------------------------------------------
*/

.audio{
	display:inline;
	padding-left:25px;
	margin-top:5px;
	background:url(/img/site/play.php) left center no-repeat;
	background-size:contain;
 	color:#12a500;
	transition:color .1s ease-in;
	text-decoration:none;
	cursor:pointer;
}
.audio:hover{
 	color:#1ccb06;
	text-decoration:underline;
}
.audio.stop{
	background-image:url(/img/site/stop.php);
}