.subheader {
	font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
	display: ;
	background-color:#004f9f;
	color: #f9f9f9;
}

.additionalinfo-for-event {
    text-align: left;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
	font-style: normal;
    margin-bottom: 5px;
	/** display: ; */
	color: #53a96d;
	background-color:#00000;

	color: #13304F!important;
	background: transparent !important;
	font-family: "IBM Plex Sans";
	font-size: 16px !important;
	font-weight: 400 !important;
	margin: 10px 0;
	display: block;
}

.topic-for-event {
    font-weight: 600;
	color: #000000 !important;
	background-color:transparent !important;
	font-size: 18px;
}
.title-for-box {
	font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
	/** display: ; */
	color: #ffffff;
	background-color:#004f9f;
}
.title-for-event {
	font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
	/** display: ; */
	color: #ffffff;
	background-color:#004f9f;
	margin-left: 10px;
	margin-right: 10px;
	
}
.title-text-events {
	color: #000;
	text-align: center;
	
	
}

.title-for-event:hover {
	
	Color: #968276;
	background-color: #fff; 
}

.title-for-event:active a {
	
	Color: #FFFF; 
	/* background-color: #eee;  */
}

.subtitle{
 	font-size: 120%; 
	overflow: hidden;
	text-overflow: ellipsis;	
}

/** Flexbox для расположения данных ряд */
.flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start;
    align-items: stretch;
}

.flex-box {
    margin: 0 0 25px 0;
    padding: 0;
}

.flex-box-w-30 {
    width: 30%;
}

.flex-box-w-100 {
    width: 100%;
}

.flex-box-w-90 {
    width: 90%;
}

.flex-box a {
    background: #EEEEEE;
    box-sizing: border-box;
    color: #000;
    display: block;
    padding: 20px 53px 50px 20px;
    text-align: left;
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    text-decoration: none;
	font-size: 18px;
	user-select: all;
	font-weight: 500;
	position: relative;
	transition: .2s ease-in-out background-color, .2s ease-in-out color;
	min-height: 135px;
}

.flex-box a.active{
	color: #fff;
	background-color: #123C6A;
	text-decoration-color: transparent;
	pointer-events: none;
}

.flex-box a:after{
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #FFFFFF;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/new/ico/right.svg');
	transform: translateX(20px);
	opacity: 0;
	visibility: hidden;
	transition: .3s ease-in-out transform, .2s ease-in-out opacity, .2s ease-in-out visibility;

}


.flex-box a:hover {
    color: #fff;
    background-color: #123C6A;
    text-decoration-color: transparent;
}
.flex-box a:hover:after {
	transform: translateX(0px);
	opacity: 1;
	visibility: visible;
}

.flex-box-red a {
    background-color: #B22222;
    box-sizing: border-box;
    color: white;
    display: block;
    padding: 30px 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    text-decoration: none;
}

.flex-box-red a:hover {
    background-color: #FF0000;
    text-decoration: underline;
}

.color-box-dark {
	background-color: #002F5F;
    color: white;
    display: block;
    padding: 30px 10px;
    word-wrap: break-word;
    text-decoration: none;
}

.color-box-light {
	background-color: #004F9F;
    color: white;
    display: block;
    padding: 30px 10px;
    word-wrap: break-word;
    text-decoration: none;
}


/** Flex box grid */
.row-flex-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
    align-items: stretch;
    margin: -5px;
    width: calc(100% + 10px);
    box-sizing: border-box;
}
.row-flex-box1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
    align-items: stretch;
    margin: -6px;
    width: calc(100% + 11px);
    box-sizing: border-box;
	margin-bottom: 1px;
}

.row-flex-box-event {
    display: flex	;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: space-between;
    align-items: stretch;
	width: calc(100% + 1px);
    /* margin: -6px;
    width: calc(100% + 11px);
    box-sizing: border-box;
	margin-bottom: 1px;
	*/
}
.row-flex-box-media {
    display: flex	;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: space-between;
    align-items: stretch;
	width: calc(100% + 1px);
	margin-top: 15px;
    margin-bottom: 15px;
    /* margin: -6px;
    width: calc(100% + 11px);
    box-sizing: border-box;
	margin-bottom: 1px;
	*/
}
.row-flex-box-type-kurs {
    display: flex	;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-evenly;
    align-content: space-between;
    align-items: stretch;
	width: calc(100% + 1px);
	/* margin-top: 15px;  */
    margin-bottom: 15px;
    /* margin: -6px;
    width: calc(100% + 11px);
    box-sizing: border-box;
	margin-bottom: 1px;
	*/
}
.row-flex-box-kurs {
    display: flex	;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: space-between;
    align-items: stretch;
	width: calc(100% + 1px);
	margin-top: 15px;
    margin-bottom: 15px;
    /* margin: -6px;
    width: calc(100% + 11px);
    box-sizing: border-box;
	margin-bottom: 1px;
	*/
}
.col-flex-box-kurs {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	border: 2px solid #d9d9d9;
	border-radius: 10px;
	/* padding-left: 10px;
    padding-right: 10px; */
	margin: 5px;
	/* height:266px; */
	min-width: 31.25%; 
	width:31.25%;
	align-content: flex-start;
	text-align: center;
	padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.col-flex-box-all-kurs {
	flex: 1 0 0%;
	display: inline-grid;
  /*  box-sizing: border-box;
	border: 2px solid #d9d9d9;
	border-radius: 10px; *?
	/* padding-left: 10px;
    padding-right: 10px; 
	margin: 5px;
	height:266px; 
	min-width: 31.25%; */
	width:100%;
	align-content: flex-start;
	text-align: center;
	padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.col-flex-box-kurs:hover {
	
	/* border: 1px solid #004f9f;  */
	 /* box-shadow: 0 0 3px rgb(231 231 231); Параметры тени */
	 box-shadow: 0 0 7px #04238f85;
    /*    padding: 10px;  */
	/* border-radius: 16px;  */
}
.col-flex-box-kurs-str {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	/* border: 2px solid #004f9f;
	border-radius: 10px; */
	padding-top: 5px;
	padding-left: 10px;
    padding-right: 10px;
	/* margin: 5px;
	height:266px;
	min-width: 31.25%;  */
	width:100%;
	align-content: space-evenly;
	text-align: left;
	text-transform: uppercase;
}
.shadow_kurs {
        /* background: #fc0;  Цвет фона */
       /* box-shadow: 0 0 3px rgb(0 79 159); /* Параметры тени */
        /* padding: 10px;  */
      }
.col-flex-box-media {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	border: 2px solid #d9d9d9;
	border-radius: 10px;
	padding-left: 10px;
    padding-right: 10px;
	margin: 5px;
	/* height:266px; */
	min-width: 31.25%; 
	width:31.25%;
	align-content: space-evenly;
	text-align: center;
}
.col-flex-box-event {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	border: 2px solid #004f9f;
	border-radius: 8px;
	padding-left: 10px;
    padding-right: 10px;
	margin: 5px;
	/* height:266px; */
	min-width: 31.25%; 
	width:31.25%;
}

.col-flex-box-str {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	border: 2px solid #004f9f;
	border-radius: 10px;
	padding-left: 10px;
    padding-right: 10px;
	margin: 5px;
	/* height:266px; */
	min-width: 31.25%; 
	width:31.25%;
	align-content: space-evenly;
	text-align: center;
}

.col-flex-box-all-events {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	border-radius: 10px;
	padding-left: 10px;
    padding-right: 10px;
	margin: 15px;
/*	height:900px; */
/*	 height:266px; */
	min-width: 100%; 
	width:100%;
	align-content: space-evenly;
	/* text-align: center; */
}

.prokrutka {
	flex: 1 0 0%;
	display: inline-grid;
	height: 800px; /* высота нашего блока */
	width: 100%; /* ширина нашего блока */
	background: #fff; /* цвет фона, белый */
	/* border: 1px solid #C1C1C1; размер и цвет границы блока */
	/* overflow-x: scroll; прокрутка по горизонтали */
	overflow-y: scroll; /* прокрутка по вертикали */
}

.col-flex-box-events-all {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	border-radius: 10px;
	padding-left: 10px;
    padding-right: 10px;
	margin: 15px;
	height:500px;
	overflow-y: scroll;
	/* height:266px; */
	min-width: 100% - 10px; 
	width:100% - 10px;
	align-content: space-evenly;
	/* text-align: center; */
}
.col-flex-box {
    flex: 1 0 0%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 5px;
    display: inline-block;
    box-sizing: border-box;
}

.col-flex-box-celebr {
	flex: 1 0 0%;
	display: flex;
    box-sizing: border-box;
	border: 0px solid #d9d9d9;
	border-radius: 0px;
	/* padding-left: 10px;
    padding-right: 10px; 
	margin: 5px;*/
	/* height:266px; */
	min-width: 31.25%; 
	width:31.25%;
	align-content: flex-start;
	/*text-align: center;*/
	padding-top: 0px;
    padding-left: 10px;
    padding-right: 0px;
	padding-bottom: 0px;
}
.col-flex-box-celebr:hover {
	
	/* border: 1px solid #004f9f;  */
	 /* box-shadow: 0 0 3px rgb(231 231 231); Параметры тени */
	 box-shadow: 0 0 7px #04238f85;
    /*    padding: 10px;  */
	/* border-radius: 16px;  */
}
.str-celebr {
	margin: auto; 
	padding-left: 10px;"	
	
}
.celebr {
	color: #103150;
	margin: 0px;
	font-size: 16px;
}


.col-fb-1 {
    max-width: 6.25%;
}

.col-fb-2 {
    max-width: 12.5%;
}

.col-fb-3 {
    max-width: 18.75%;
}

.col-fb-4 {
    max-width: 25%;
}

.col-fb-5 {
    max-width: 31.25%;
}

.col-fb-6 {
    max-width: 37.5%;
}

.col-fb-7 {
    max-width: 43.75%;
}

.col-fb-8 {
    max-width: 50%;
}

.col-fb-9 {
    max-width: 56.25%;
}

.col-fb-10 {
    max-width: 62.5%;
}

.col-fb-11 {
    max-width: 68.75%;
}

.col-fb-12 {
    max-width: 75%;
}

.col-fb-13 {
    max-width: 81.25%;
}

.col-fb-14 {
    max-width: 87.5%;
}

.col-fb-15 {
    max-width: 93.75%;
}

.col-fb-16 {
    max-width: 100%;
}

@media only screen and ( max-width: 992px ) {
    .col-fb-1, .col-fb-2, .col-fb-3, .col-fb-4,
    .col-fb-5, .col-fb-6, .col-fb-7, .col-fb-8,
    .col-fb-9, .col-fb-10, .col-fb-11, .col-fb-12,
    .col-fb-13, .col-fb-14, .col-fb-15, .col-fb-16 {
        max-width: calc(100% - 2 * 5px);
        flex-basis: calc(100% - 2 * 5px);
    }
}

.col-flex-box-event-tbl {
	flex: 1 0 0%;
	display: inline-grid;
    box-sizing: border-box;
	/* border: 2px solid #004f9f; */
	/* border-radius: 16px; */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
    padding-right: 10px;
	margin: 15px;
	
/*	box-shadow: 0 0 3px rgb(231 231 231);
	 height:266px; 
	min-width: 95%; 
	width:95%; */
}

.col-flex-box-event-tbl:hover {
	
	/* border: 1px solid #004f9f;  */
	 /* box-shadow: 0 0 3px rgb(231 231 231); Параметры тени */
	 box-shadow: 0 0 7px #04238f85;
    /*    padding: 10px;  */
	/* border-radius: 16px;  */
}




.colortb1-12 {
	background-color: #00000;
}
.bgcolortb1-12 {
	background-color: #00000;
}
.bgcolortb1-1056 { /* Юбилейные */
	background-color: #00000;
}
.bgcolortb1-1057 { /* X-Club */
	color:#4c009f;
	/* background-color: #f2edfd; */
	background-color: #fffff;
}
.bgcolortb1-1058 { /* Научные субботы */
	background-color: #00000;
}
.bgcolortb1-1059 { /* Юбилейные */
	background-color: #00000;
}
.date-for-event {
	font-size: large;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
	background-color: transparent !important;
	color: #000 !important;

	font-family: "IBM Plex Sans";
	font-size: 24px;
	font-weight: 600;
}
.color-date-for-event-12 {
	color: #fff;
	background-color:#000000;	
}
.color-date-for-event-1056 {
	color: #fff;;
	background-color:#ffa3a3;	
}
.color-date-for-event-1057 { /* X-Club */
	color: #fff;
	background-color: #7536ff;	
}
.color-date-for-event-1058 { /* Научные субботы */
	color: #fff;
	background-color:#4a9b81;	
}
.color-date-for-event-1059 { /* Юбилейные */
	color: #fff;
	background-color:#ffa3a3;	
}

.color-for-event-12 {
	/* color: #000000; */
	background-color:#fff;	
}
.color-for-event-1056 {
/*	color: #ffa3a3; */
	background-color:#fff;	
}
.color-for-event-1057 { /* X-Club */
	/* color: #7536ff; */
	background-color: #fff;	
}
.color-for-event-1058 {/* Научные субботы */
/*	color: #4a9b81;  */
	background-color:#fff;	
}
.color-for-event-1059 { /* Юбилейные */
/*	color: #ffa3a3; */
	background-color:#fff;	
}
.line-for-event {
    text-decoration-line: revert;
}

@media (max-width: 767px) {
	.date-for-event{
		font-size: 21px;
	}
	.topic-for-event{
		font-size: 16px;
	}
	.additionalinfo-for-event{
		margin: 8px 0;
	}
}

@media (max-width: 1249px) {
	.flex-box a{
		font-size: 16px;
		min-height: 90px;
	}
}
@media (max-width: 768px) {
	.flex-box a{
		min-height: auto;
	}
}