@charset "utf-8";
/* CSS Document */

/* FedFlexbox
-----------------------------------------------------------------------------*/
.f {
	display: flex;/* Включить флекс */
	box-sizing: border-box;/* Чтобы при паддинге за края не выходило, не плыло */
	align-items: flex-start;/* Выравнивание по вертикали, к верху*/
}
.f div {
	box-sizing: border-box;/* Чтобы при паддинге за края не выходило, не плыло */
}
.fw {
	flex-wrap: wrap;/* Чтобы блоки могли переходить на след строку */
}
.fr {
	flex-direction: row;/* Флекс по x */
}
.fc {
	flex-direction: column;/* Флекс по y */
}
.ac {
	align-items: center;/* Если по х, то ценрует по вертикали, Если по y по горизонтали */
}
.jc {
	justify-content: center;/* Если по х, то ценрует по горизонтали, Если по y по вертикали */
}
.sb {
	justify-content: space-between;/* выравнивает к краям, оставляя между блоками расстояние */
}
.sa {
	justify-content: space-around;/* отступы вокруг */
}
.fs {
	justify-content: flex-start;/* слева направо по x, сверху вниз по y */
}
.fe {
	justify-content: flex-end;/* справа на лево по x, снизу вверх по y */
}
.w1 {width:7.08% !important;}
.w2 {width:15.42% !important;}
.w3 {width:23.75% !important;}
.w4 {width:32.22% !important;}
.w5 {width:40.42% !important;}
.w6 {width:49.16% !important;}
.w7 {width:57.08% !important;}
.w8 {width:65.42% !important;}
.w9 {width:74% !important;}
.w10 {width:82.08% !important;}
.w11 {width:90.42% !important;}
.w12 {width:100% !important;}
.w100 {
	width: 100%;
}
.wa {
	width: auto !important;
}
.w25 {
	width: 25%;
}
.w1d5 {
	width: 10%;
}
/* FedFlexbox
-----------------------------------------------------------------------------*/
form .ac .styler, form .ac label, form .ac .btn {
	margin-bottom: 10px;
	margin-right: 15px;

}
.tbl {
	flex-wrap: wrap;
	margin: 20px 0;
	width: 100%;
	margin-bottom: 20px;
}
.tbl, .body-tbl, .ttl-tbl, .param-tbl, .action-tbl, .tr {
	justify-content: space-between;
	display: flex;
}
.tr {
	width: 100%;
	align-items: center;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}
.th {
	
	display: flex;
	justify-content: space-between;
	font-weight: 700;
	text-align: center;
	align-items: center;
	padding: 10px;
	font-size: 14px;
	text-transform: uppercase;
	box-sizing: border-box;
	
	
}

.td {
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;

}
.td a img {
	max-width: 100%;
	height: auto;
}
.tbl .abtn {
	margin-right: 10px;
}
/* Adaptive
-----------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	.con .w4 {
		width: 48% !important;
	}
	.wbl .w6 {
    width: 100% !important;
}
}
@media screen and (max-width: 768px) {
	.w6 {
    width: 100% !important;
}
}
@media screen and (max-width: 414px) {
	.con .w4 {
		width: 100% !important;
	}
}