div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.z-titles {position:relative}
.z-titles span {position: absolute;z-index: 0;left: -60px;top: -55px;font-family: 'Comforter Brush', cursive;color: #fff;font-weight: 400;font-size: 96px;line-height: 96px;}
.z-titles h2 {color: #252422;position:relative;z-index:1;font-family: Raleway;font-size: 36px;font-style: normal;font-weight: 800;line-height: 44px;display:block;width:100%}
.z-titles h3 {color: #252422;position:relative;z-index:1;font-family: Raleway;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.z-bottom {}
.z-bottom-flex {display:flex;flex-wrap:wrap;align-items:center;justify-content: end;margin-top:40px}
.z-bottom-flex .link a {display: flex;width: 289px;padding: 18px 32px;justify-content: center;align-items: center;border-radius: 30px;background: #7B9664;color: #FFF;font-family: Raleway;font-size: 16px;font-style: normal;font-weight: 600;line-height: 18px;margin-left:40px}
.z-bottom-flex .oc, .z-bottom-flex .cvm {color: #252422;font-family: Raleway;font-size: 18px;font-style: normal;font-weight: 700;line-height: 26px;margin-left:40px}
#online-course {padding: 40px 0;background: #F6F5F4;}
#online-course .online-course_list {width:100%;background:#fff;border-radius: 10px;margin:15px 0;padding:40px 80px 50px 50px}
.online-course_img {min-width:300px}
.online-course_text {padding-left:50px}
.z-title {display: inline-flex;padding: 12px 30px;justify-content: center;align-items: center;gap: 10px;border-radius: 40px;font-family: Raleway;font-size: 16px;font-style: normal;font-weight: 700;line-height: 18px;color:#fff;margin-bottom:30px}
.z-info-flex {display:flex;align-items: center;}
.dl {color: #252422;
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;margin-left:10px }
.z-info-line {border-bottom:1px solid #EDEBE9;margin-bottom:20px}
.z-info-line ul {padding: 0 18px;}
.z-info-line ul li {color:  #252422;
font-family: Raleway;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 16px; /* 160% */
text-transform: uppercase;padding: 5px 0;}
.z-dopmat h4, .z-fid h4 {color: #AEADAB;
font-family: Raleway;
font-size: 10px;
font-style: normal;
font-weight: 800;
line-height: 20px;
text-transform: uppercase;margin:0 0 10px 0}
.z-dopmat-flex {display:flex;flex-wrap:wrap;padding:0 10px 20px 18px;border-bottom:1px solid #EDEBE9;margin-bottom:20px}
.z-dopmat-flex .dp {width:50%;color: #252422;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px;padding:6px 0}
.z-dopmat-flex .dp.N {color:  #AEADAB;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px;
text-decoration: line-through}
.z-dopmat-flex .dp:last-child {display:none}
.z-fid .fid {color: #252422;font-family: Raleway;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px; }
.z-fid .fid .info {border-radius: 5px;background: rgba(237, 221, 187, 0.16);padding:24px}
.z-fid .fid .info ul li {padding:5px 0}

.bottom-info {color: rgba(83, 77, 77, 0.52);
text-align: right;
font-family: Raleway;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 11px; margin-top:10px}

.content_page_row {
    padding: 0 0 80px;
}

@media (max-width:760px) {
#online-course .row.flex_box {display:block}
#online-course .online-course_text {padding-left: 0;}
#online-course .z-title {margin-top: 20px;}
#online-course .z-bottom-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.z-dopmat-flex .dp {
  width: 100%;
}
#online-course .online-course_list {
  padding: 20px 20px 20px 20px;
}
#online-modul .online-module_r {
  width: 100% !important;
}
	.online-course_img img {width:100%;margin:0 0 20px;height:auto}
.z-bottom-flex .oc, .z-bottom-flex .cvm {
  margin-left: 20px;
  margin-right: 20px;
}
.z-bottom-flex .link a {
  margin-left: 40px;
  margin-right: 40px;
}
}