div {
	height: auto;
	overflow: hidden;
}

.content_block {
	padding-bottom: 50px;
	padding-top: 50px;
}

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

.content_block {
	padding-bottom: 30px;
	padding-top: 30px;
}

}

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

.content_block {
	padding-bottom: 20px;
	padding-top: 20px;
}

}



.container {
	max-width: 1380px;
	padding: 0 10px;
	margin-left: auto;
	margin-right: auto;
}

.container_full {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

h2.cb_header {
	margin-top: 0;
	padding-top: 0;
	text-align: center;
}

h2.cb_header_left {
	margin-top: 0;
	padding-top: 0;
	text-align: left;
}


/*	--- набор картинок cb_imageslist --- */

.cb_imageslist {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap:30px;
}

.cb_imageslist>div:nth-child(2n-1) {
	padding-left: 10px;
}

.cb_imageslist>div:nth-child(2n) {
	padding-right: 10px;
}

.cb_imageslist>div>h3:first-child {
	margin-top: 0;
}

.cb_imageslist_desktop {
	width: auto;
	max-width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

.cb_imageslist_mobile {
	display: none;
}

.cb_imageslist_description {
	margin-bottom: 15px;

}

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

.cb_imageslist {
	grid-template-columns: 1fr 1fr;
	grid-gap:20px;
}

}


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

.cb_imageslist {
	grid-template-columns: auto;
	grid-gap:10px;
}

.cb_imageslist>div:nth-child(2n-1) {
	padding-left: 0;
}

.cb_imageslist>div:nth-child(2n) {
	padding-left: 10px;	
}

.cb_imageslist_mobile {
	width: auto;
	max-width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

.cb_imageslist_desktop {
	display: none;
}

}




/*	--- набор картинок cb_imageslist4 (3 картинки в ряд)--- */

.cb_imageslist4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:20px;
}

.cb_imageslist4 img {
	display: block;
	padding: 0;
	margin: 0 auto;
	max-width: 100%;
	max-height:360px;
	width: auto;
}

.cb_il4_imagetitle {
	margin-top: 5px;
	text-align: center;
	font-size: 0.8rem;
}


/*	--- набор картинок cb_imageslist5 (картинки справа и описание слева)--- */

/*
.cb_oneimage2 {
	display: grid;
	grid-template-columns: auto 360px;
	grid-gap:50px;
}

.cb_oneimage2 img {
	display: block;
	padding: 0;
	margin: 0 auto;
	max-width: 360px;
}
*/






/*	--- одиночная иллюстрация cb_oneimage --- */
 
.cb_oneimage {
	padding: 0 10px;
	max-width: 600px;
	margin: 0 auto 10px auto;
}

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

.cb_oneimage {
	padding: 0;
}

}

.cb_oneimage img{
	display: block;
	
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 0;
}

.cb_oneimage_description {
	text-align: center;
}



/*	--- видео с описанием cb_video_and_description --- */


.cb_video_and_description {
	display: grid;
	grid-template-columns: 610px auto;
	grid-gap:30px;
}


.cb_video_and_description_shorts {
	display: grid;
	grid-template-columns: 400px auto;
	grid-gap:30px;
}


.cb_video_and_description>div:last-child {
	padding-right: 10px;
}

.video_player_youtube {
	width: auto;
	margin-right: 0px;
	float: none;
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 56.25%; /* 56.25% задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	height: 0;
	overflow: hidden;
	margin-left: 10px;
}

.video_player_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}




.video_player_youtube_shorts {
	width: auto;
	margin-right: 0px;
	float: none;
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 178%; /* 56.25% задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	height: 0;
	overflow: hidden;
	margin-left: 10px;
}

.video_player_youtube_shorts iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}








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

.cb_video_and_description {
	grid-template-columns: auto;
	grid-gap:10px;
}

.video_player_youtube {
	margin-left: 0;
}

.cb_video_and_description>div:last-child {
	padding-left: 10px;
}


}


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

.cb_video_and_description_shorts {
	grid-template-columns: auto;
	grid-gap:10px;
}

.video_player_youtube_shorts {
	margin-left: 0;
}

.cb_video_and_description_shorts>div:last-child {
	padding-left: 10px;
}


}


/*	--- набор файлов cb_fileslist --- */

.cb_fileslist>div {
	display: grid;
	grid-template-columns: 30px auto 120px 100px;
	grid-gap:15px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: gray;
	margin-bottom: 10px;
	padding-bottom: 7px;
	align-items: center;
}

.cb_fileslist_description {
	margin-bottom: 15px;
}


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

.cb_fileslist>div {
	grid-template-columns: 30px 120px auto;
	grid-template-areas:
	"fls_icon fls_title fls_title"
	"fls_icon fls_pubdate fls_filesize";
	grid-gap:5px 10px;
	align-items: start;
	
}

.cb_fls_icon {
	grid-area: fls_icon;
}

.cb_fls_title {
	grid-area: fls_title;
}

.cb_fls_filesize {
	grid-area: fls_filesize;
}

.cb_fls_pubdate {
	grid-area: fls_pubdate;
}

}

/*	--- фотогалерея cb_gallery --- */

.cb_gallery_description {
	margin-bottom: 15px;
}

.cb_gallery_item {
	padding: 10px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.cb_gallery_vertical .cb_gallery_item {
	width: 160px;
}

.cb_gallery .cb_gallery_item {
	width: 360px;
}

.cb_gallery_item img {
	margin: 0;
	padding: 0;
	height: 240px;
}

.cb_gallery_img_title {
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 5px;
}

.cb_mobile_gallery_thumb {
	display: none;
}


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

.cb_mobile_gallery_thumb {
	display: inline;
}

.cb_desktop_gallery_thumb {
	display: none;
}


}

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

.cb_gallery_item {
	padding: 0px;
	border: none;
	border-radius:0;
}

}


/* --- картинки фотогалереи без слайдера --- */

.cb_gallery_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:20px;
}

.cb_gallery_list_vertical {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap:20px;
}

.cb_gallery_list_item {
	padding: 10px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.cb_gallery_list .cb_gallery_list_item{
	max-width: 360px;
}
 
.cb_gallery_list_item img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.cb_gallery_list_img_title {
	margin-top: 5px;
}

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

.cb_gallery_list_vertical {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

}

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

.cb_gallery_list_vertical {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

}

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

.cb_gallery_list_vertical {
	grid-template-columns: 1fr 1fr 1fr;
}

}


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

.cb_gallery_list {
	grid-template-columns: 1fr 1fr;
	grid-gap:20px 10px;
}


.cb_gallery_list_vertical {
	grid-gap:20px 10px;
}


}


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

.cb_gallery_list_item {
	padding: 5px;
}

}


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

.cb_gallery_list_vertical {
	grid-template-columns: 1fr 1fr;
}

}


/*	--- список иконок cb_iconslist --- */

.cb_iconslist {
	display: grid;
	grid-gap:25px 15px;
	grid-template-columns:1fr 1fr 1fr 1fr;
	margin-bottom:20px;
}

.cb_iconslist>div div{
	text-align: center;
}

.cb_iconslist_img img{
	max-width: 100px;
}

.cb_iconslist_description {
	margin-bottom: 15px;
}

.cb_iconslist h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: normal;
}

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

.cb_iconslist {
	grid-template-columns:1fr 1fr 1fr;
}

}

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


.cb_iconslist {
	grid-template-columns:1fr 1fr;
}


.cb_iconslist_img img{
	max-width: 50px;
}

}


/*	--- список небольших картинок cb_small_imageslist --- */

.cb_small_imageslist {

}


.cb_small_imageslist>div{
	margin-bottom:20px;
}

.cb_small_imageslist_img {
	width: 150px;
	margin-right: 20px;
	float: left;
	text-align: right;
}

.cb_small_imageslist_img img{
	max-width: 150px;
}

.cb_small_imageslist_description {
	margin-bottom: 15px;
}

.cb_small_imageslist h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: normal;
}

@media screen and (max-width: 600px) {
.cb_small_imageslist_img {
	width: 100px;
	margin-right: 15px;
}

.cb_small_imageslist_img img{
	max-width: 100px;
}

}


/*	--- небольшая картинка баннер с текстом cb_imglist --- */


.cb_imglinks {
	padding: 0 10px;
	display: grid;
	grid-template-columns: auto 360px;
	grid-gap:50px;
	align-items: center;
}

.cb_imglinks img {
	display: block;
	padding: 0;
	margin: 0 auto;
	max-width: 360px;
}

/*

.cb_imglinks_text {
	font-size: 1.3rem;
}

.cb_imglinks_text a {
	text-decoration: none;
	color: black;
}
*/


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

.cb_imglinks {
	grid-template-columns: auto 240px;
}

.cb_imglinks img {
	max-width: 240px;
}

}


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


.cb_imglinks {
	grid-template-columns:auto;
	text-align: center;
	grid-gap:10px;
	padding: 0;
}

.cb_imglinks_text {
	padding: 0 10px;
}

}




/*	--- список иконок со статистикой cb_statlist --- */

.cb_statlist {
	display: grid;
	grid-gap:25px 15px;
	grid-template-columns:1fr 1fr 1fr 1fr;
	margin-bottom:20px;
}

.cb_statlist>div div{
	text-align: center;
}

.cb_statlist_img img{
	max-width: 100px;
	margin-bottom: 10px;
}

.cb_statlist_description {
	margin-bottom: 15px;
}

.cb_statlist h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: normal;
}

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

.cb_statlist {
	grid-template-columns:1fr 1fr 1fr;
}

}

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


.cb_statlist {
	grid-template-columns:1fr 1fr;
}


.cb_statlist_img img{
	max-width: 50px;
}

}




/*	--- список крупных иконок "Направления" cb_directions --- */

.cb_directions {
	display: grid;
	grid-gap:20px;
	grid-template-columns:1fr 1fr;
	margin-bottom:20px;
}

.cb_directions>div {
	background: #eee8aa;
	border:1px solid #a0a0a0;
	padding: 20px;
}

.cb_directions>div div{
	text-align: center;
}

.cb_directions_img {
	height: 200px;
}

.cb_directions_img img{
	max-width: 200px;
	margin-bottom: 10px;
}

.cb_directions_description {
	margin-bottom: 15px;
}

.cb_directions h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: normal;
}


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


.cb_directions {
	grid-template-columns:auto;
}


}





/*	--- таблицы cb_tables --- */

.cb_table_description {
	margin-bottom: 15px;
}

.cb_table {
	border-collapse: collapse;
}

.cb_table td, .cb_table th{
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

.cb_table th{
	background: #a0a0a0;
	color: White;
}


.w100 {
	width: 100%;
}

.border_table td, .border_table th{
	border:1px solid #a0a0a0;
}


.no_border_table, .no_border_table th, .no_border_table td {
	border: none;
}

.border_bottom_table {

}

.border_bottom_table td, .border_bottom_table th{
	border-style:solid;
	border-color: #a0a0a0;
	border-width: 0 0 1px 0;
}


.selected_rows_table tr:nth-child(2n){
	background: #ebebeb;
}



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

.adaptive_table, .adaptive_table tbody, .adaptive_table tr, .adaptive_table td {
	display: block;
	height: auto;
	overflow: hidden;
}

.adaptive_table th {
	display: none;
}

.border_table.adaptive_table td {
	border-width: 1px 1px 0 1px;
}

.border_table.adaptive_table tr td:last-child {
	border-width: 1px;
}

.adaptive_table td:first-child {
	background: #a0a0a0;
	color: White;
}

.adaptive_table tr {
	margin-bottom: 10px;
}

.adaptive_table td {
	padding-left: 180px;
}

.adaptive_table td:before {
	display: block;
	float: left;
	margin-left: -170px;
	width: 150px;
	padding-right: 10px;
	content: attr(title);
	font-weight: bold;
	
}

.border_table.adaptive_table td:before {
	border-width:0 1px 0 0;
	border-style:solid;
	border-color: #a0a0a0;
}

.adaptive_table.selected_rows_table tr:nth-child(2n){
	background: white;
}

.adaptive_table.selected_rows_table td:nth-child(2n){
	background: #ebebeb;
}

}


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

.cb_table td, .cb_table th{
	padding-top: 5px;
	padding-bottom:5px;
}


}


/* ---- фоны блоков  ---- */

.cb_class_white {
	background: white;
} 

.cb_class_light {
	background: #e0e0e0;
}

.cb_class_dark {
	background: gray;
}

.cb_class_light>div {
	background: #e0e0e0;
}

.cb_class_dark>div {
	background: gray;
}

.cb_class_white>div {
	background: white;
}