

/* Start:/local/templates/trainings/components/bitrix/catalog.section/events-list/style.css?15048242727749*/
.events-list {
	/*padding-bottom: 20px;*/
}

.el-items {
    text-align: left;
    margin: 0 auto;
	font-size: 0;
}

.el-item {
	border: 1px solid #e1dfdf;
    background-color: #fff;
    padding: 18px 19px 18px 19px;
	max-width: 874px;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}

.el-items .free {
	position: relative;
}

.el-items .free:before {
	content: "";
	display: block;
	width: 107px;
	height: 107px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url('/local/templates/trainings/images/zero_rubley.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.el-i-block1 {
	width: 229px;
	padding-bottom: 10px;
}

.el-i-b1-preview-picture {
    /*border: 1px solid #e0dede;*/
    width: 229px;
    height: 128px;
    text-align: center;
}

.el-i-b1-preview-picture img {

}

.el-i-b1-preview-picture img.el-i-b1-pp-photo {
	/*width: 100%;*/
    /*height: 100%;*/
	border: 1px solid #e0dede;
}

.el-i-b1-date {
    background-image: url('/local/templates/trainings/images/calendar-icon.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    line-height: 30px;
    font-family: 'Comfortaa', cursive;
    font-weight: bold;
    padding-left: 28px;
    text-transform: uppercase;
	margin-top: 16px;
    margin-bottom: 16px;
}

.el-i-b1-date-j {
    line-height: 30px;
    display: inline-block;
    font-size: 27px;
    vertical-align: bottom;
	padding-right: 3px;
}

.el-i-b1-date-F {
    line-height: 24px;
    display: inline-block;
    font-size: 18px;
    vertical-align: bottom;
	padding-right: 3px;
}

.el-i-b1-date-Y {
    line-height: 30px;
    display: inline-block;
    font-size: 27px;
    vertical-align: bottom;
}

.el-i-b1-register,
.el-i-b1-register:focus {
	font-family: 'arialnarrow';
    font-size: 14px;
    color: #ee7728;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    border: 1px solid #ee7728;
	display: block;
	text-decoration: none;
}

.el-i-b1-register:hover {
	background-color: #ee7728;
	color: #fff;
}

.el-i-b1-sh-price {
	font-family: 'arialnarrow';
    font-size: 14px;
    color: #ee7728;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px dashed #ee7728;
	cursor: pointer;
}

.el-i-b1-price {
	display: none;
    background-image: url('/local/templates/trainings/images/rubl.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 20px;
    line-height: 31px;
    font-family: 'Tahoma-Bold';
    font-size: 20px;
	color: #000;
}

.el-i-block2 {

}

.el-i-b2-share {
	padding-bottom: 5px;
}

.el-i-b2-share .ya-share2__container {
	text-align: left;
}

.el-i-b2-share .ya-share2__container_size_m .ya-share2__item {
    margin-right: 3px;
}

.el-i-b2-share .ya-share2__container_size_m .ya-share2__counter {
    padding: 0 5px;
}

.el-i-b2-share .ya-share2__container_size_m .ya-share2__counter:before {
    margin-left: -5px;
}

.el-i-b2-starteventtime {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
}

.el-i-b2-starteventtime span {
	color:#7c7c7c;
}

.el-i-b2-name-and-skill {
	height: 120px;
	overflow: hidden;
	position: relative;
}

.el-i-b2-name-and-skill:after {
    content: " ";
    display: block;
    position: absolute;
    height: 15px;
    left: 0;
    bottom: 0;
    right: 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.el-i-b2-name {
	font-family: 'PT Sans', sans-serif;
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding-top: 5px;
    padding-bottom: 5px;
}

.el-i-b2-name a {
	text-decoration: none;
	color: #000000;
}

.el-i-b2-name a:hover {
	text-decoration: underline;
	color: #000000;
}

.el-i-b2-skill {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	padding-bottom: 13px;
}

.el-i-b2-skill span {
	color:#7c7c7c;
}

.el-i-sector-and-rent-and-numberseats {
    height: 90px;
    overflow: hidden;
	margin-top: 7px;
}

.el-i-b2-sector {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	height: 36px;
    overflow: hidden;
}

.el-i-b2-sector span {
	color:#7c7c7c;
}

.el-i-b2-rent {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	height: 36px;
    overflow: hidden;
}

.el-i-b2-rent span {
	color:#7c7c7c;
}

.el-i-b2-rent a {
	color: #262626;
	text-decoration: none;
}

.el-i-b2-rent a:hover {
	color: #262626;
	text-decoration: underline;
}

.el-i-b2-numberseats {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	height: 18px;
    overflow: hidden;
}

.el-i-b2-numberseats span {
	color:#7c7c7c;
}

.el-i-block3 {

}

.el-i-b3-preview-trener {
	width: 111px;
	height: 111px;
	position: relative;
}

.el-i-b3-preview-trener a {
	display: block;
	position: relative;
}

.el-i-b3-preview-trener-confirmed {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.el-i-b3-tr {
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size: 21px;
	color: #595757;
	line-height: 21px;
	text-decoration: none;
	margin-top: 18px;
    margin-bottom: 6px;
}

.el-i-b3-tr:hover {
	color: #595757;
	text-decoration: underline;
}

.el-i-b3-trcompany {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #595757;
	line-height: 16px;
	/*padding-bottom: 19px;*/
}

.el-i-b3-trainers,
.el-i-b3-trainers:focus {
	font-family: 'Tahoma';
    font-size: 12px;
    color: #ee7728;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    width: 114px;
    border: 1px solid #ee7728;
    display: block;
    text-decoration: none;
	margin-top: 19px;
}

.el-i-b3-trainers:hover {
    background-color: #ee7728;
    color: #fff;
}

.events-show-more-list {
    font-family: 'arialnarrow';
    font-size: 15px;
    color: #ee7728;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    width: 150px;
    border: 1px solid #ee7728;
    cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.events-show-more-list:hover {
	background-color: #ee7728;
	color: #fff;
}

@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
	.el-item {
		display: inline-block;
		width: 280px;
		margin-right: 5px;
		margin-left: 5px;
		vertical-align: top;
		text-align: left;
	}
	.el-i-block1 {
		margin: 0 auto;
	}
	.el-i-b2-share .ya-share2__container {
		text-align: center;
	}
	.el-i-sector-and-rent-and-numberseats {
		margin-bottom: 7px;
	}
}

@media (min-width: 599px) and (max-width: 767px) {
	.el-items {
		max-width: 580px;
	}
}

@media (max-width: 598px) {
	.el-items {
		max-width: 290px;
	}
}
.el-i-b1-sh-exchange {
    margin-top: 10px;
}
/* End */


/* Start:/local/templates/trainings/components/bitrix/catalog.section/events-tile/style.css?15048250237436*/
.events-tile {

}

.er-items {
	font-size: 0px;
	text-align: left;
	max-width: 870px;
    margin: 0 auto;
}

.er-item {
	display: inline-block;
    width: 280px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #fff;
    vertical-align: top;
    border: 1px solid #e2e0e0;
	padding: 20px;
	margin-bottom: 20px;
	text-align: left;
	/*height: 541px;*/
    /*overflow: hidden;*/
}

.er-i-preview-picture {
	/*border: 1px solid #e0dede;*/
    width: 238px;
    height: 134px;
    text-align: center;
	position: relative;
}

.er-item .free {
	position: relative;
}

.er-item .free:before {
	content: "";
	display: block;
	width: 107px;
	height: 107px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url('/local/templates/trainings/images/zero_rubley.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.er-i-preview-picture img {

}

.er-i-preview-picture img.er-i-pp-photo {
	/*width: 100%;*/
    /*height: 100%;*/
	border: 1px solid #e0dede;
}

.er-i-block2 {
	padding-top: 9px;
}

.er-i-block2 .ya-share2__container {
	text-align: center;
}

.er-i-block2 .ya-share2__container_size_m .ya-share2__item {
    margin-right: 3px;
}

.er-i-block2 .ya-share2__container_size_m .ya-share2__counter {
    padding: 0 5px;
}

.er-i-block2 .ya-share2__container_size_m .ya-share2__counter:before {
    margin-left: -5px;
}

.er-i-starteventtime {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 16px;
	padding-top: 11px;
}

.er-i-starteventtime span {
	color:#7c7c7c;
}

.er-i-name-and-skill {
	height: 120px;
	overflow: hidden;
	position: relative;
}

.er-i-name-and-skill:after {
    content: " ";
    display: block;
    position: absolute;
    height: 15px;
    left: 0;
    bottom: 0;
    right: 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.er-i-name {
	font-family: 'PT Sans', sans-serif;
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding-top: 5px;
    padding-bottom: 5px;
}

.er-i-name a {
	text-decoration: none;
	color: #000000;
}

.er-i-name a:hover {
	text-decoration: underline;
	color: #000000;
}

.er-i-skill {
	font-family: 'PT Sans', sans-serif;
	color: #7c7c7c;
	font-size: 14px;
	line-height: 17px;
}

.er-i-block-trainers {
	position: relative;
	border-top: 1px solid #ee7728;
	margin-bottom: 9px;
}

.er-i-bt-tr {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	max-width: 165px;
	padding-top: 9px;
	max-height: 45px;
    overflow: hidden;
}

.er-i-bt-tr span {
	color:#7c7c7c;
}

.er-i-bt-tr a {
	color: #262626;
	text-decoration: none;
}

.er-i-bt-tr a:hover {
	color: #262626;
	text-decoration: underline;
}

.er-i-bt-trainers {
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #ee7728;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px dashed #ee7728;
    text-transform: uppercase;
    display: block;
    position: absolute;
    bottom: 0;
}

.er-i-bt-trainers:hover {
	color: #ee7728;
	text-decoration: none;
}

.er-i-bt-preview-trener {
	width: 70px;
	height: 70px;
	position: relative;
}

.er-i-bt-preview-trener a {
	display: block;
	position: relative;
}

.er-i-bt-preview-trener-confirmed {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.er-i-date {
    background-image: url('/local/templates/trainings/images/calendar-icon.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    line-height: 30px;
    font-family: 'Comfortaa', cursive;
    font-weight: bold;
    padding-left: 30px;
    text-transform: uppercase;
	margin-top: 7px;
    margin-bottom: 11px;
}

.er-i-date-j {
    line-height: 30px;
    display: inline-block;
    font-size: 27px;
    vertical-align: bottom;
	padding-right: 5px;
}

.er-i-date-F {
    line-height: 24px;
    display: inline-block;
    font-size: 18px;
    vertical-align: bottom;
	padding-right: 5px;
}

.er-i-date-Y {
    line-height: 30px;
    display: inline-block;
    font-size: 27px;
    vertical-align: bottom;
}

.er-i-sector-and-rent-and-numberseats {
	height: 90px;
	overflow: hidden;
}

.er-i-sector {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	max-height: 36px;
    overflow: hidden;
}

.er-i-sector span {
	color:#7c7c7c;
}

.er-i-rent {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	max-height: 36px;
    overflow: hidden;
}

.er-i-rent span {
	color:#7c7c7c;
}

.er-i-rent a {
	color: #262626;
	text-decoration: none;
}

.er-i-rent a:hover {
	color: #262626;
	text-decoration: underline;
}

.er-i-numberseats {
	font-family: 'PT Sans', sans-serif;
	color: #262626;
	font-size: 15px;
	line-height: 18px;
	/*padding-bottom: 16px;*/
}

.er-i-numberseats span {
	color:#7c7c7c;
}

.er-i-register-and-price {
	padding-top: 16px;
}

.er-i-register,
.er-i-register:focus {
	font-family: 'arialnarrow';
    font-size: 14px;
    color: #ee7728;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    border: 1px solid #ee7728;
	display: block;
	text-decoration: none;
}

.er-i-register:hover {
	background-color: #ee7728;
	color: #fff;
}

.er-i-sh-price {
	font-family: 'arialnarrow';
    font-size: 14px;
    color: #ee7728;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px dashed #ee7728;
	cursor: pointer;
}

.er-i-price {
	display: none;
    background-image: url('/local/templates/trainings/images/rubl.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 20px;
    line-height: 31px;
    font-family: 'Tahoma-Bold';
    font-size: 20px;
	color: #000;
}

.events-show-more-tile {
    font-family: 'arialnarrow';
    font-size: 15px;
    color: #ee7728;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    width: 150px;
    border: 1px solid #ee7728;
    cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.events-show-more-tile:hover {
	background-color: #ee7728;
	color: #fff;
}

@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (min-width: 599px) and (max-width: 888px) {
	.er-items {
		max-width: 580px;
	}
}

@media (max-width: 598px) {
	.er-items {
		max-width: 290px;
	}
}

/* End */
/* /local/templates/trainings/components/bitrix/catalog.section/events-list/style.css?15048242727749 */
/* /local/templates/trainings/components/bitrix/catalog.section/events-tile/style.css?15048250237436 */
