/* Start:/local/templates/sesc/css/education/zfmsh/style.css?16644373341031*/
.zfmsh-page .border-block{
	align-items: flex-start;
	padding: 48px 65px;
}
.zfmsh-page .border-block.contact-block{
	flex-direction:column;
	font-size:inherit;
}
.zfmsh-page .border-block .top{
	font-family: "PTSansBold";
	font-size: 1.12em;
	flex: 0 1 100%;
}
.zfmsh-page .border-block .bottom{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex: 0 0 100%;
	width: 100%;
	margin-top: 32px;
}
.zfmsh-page .border-block .bottom .item{
	flex: 1 1 33.3%;
	max-width: 33.3%;
	margin-bottom: 30px;
	padding-right: 40px;
}
.zfmsh-page .border-block .bottom .item h3{
	color: #345D32;
	font-size: 1.3em;
	font-family: "PTSansBold";
}
.zfmsh-page .border-block .bottom .item p{
	margin-bottom: 0px;
}
.zfmsh-page .border-block p{
	margin-bottom: 20px;
}
@media (min-width: 991px) and (max-width: 1199px){
	.zfmsh-page .border-block .bottom .item{
		flex: 1 1 50%;
		max-width: 50%;
	}
}
@media (max-width: 990px){
	.zfmsh-page .border-block .bottom .item{
		flex: 1 1 100%;
		max-width: 100%;
	}
}
/* End */


/* Start:/local/templates/sesc/components/bitrix/catalog/zfmsh/bitrix/catalog.section/.default/style.css?15766072192635*/
.description .first{
	margin: 0px;
}
.description a{
	color: #345D32;
}
.description a.btn{
	color: #345D32;
}
.zfmsh-page .first{
	margin-top: 0px;
}
.zfmsh-page .description h2{
	font-size: 1.9em;
	margin-top: 48px;
}
.zfmsh-page .description h3{
	font-family: "PTSansBold";
	font-size: 1.15em;
}
.zfmsh-page h3{
	font-family: "PTSansBold";
	font-size: 1.4em;
}
.zfmsh-page .pl{
	margin-top: 32px;
	margin-bottom: 50px;
}
.zfmsh-page .description ul {
    padding-left: 20px;
}
.zfmsh-page .description ul li{
	margin-top:15px;
}
.zfmsh-page .border-block{
	flex-direction: row;
	font-size: 1.12em;
	justify-content: space-between;
}
.zfmsh-page .border-block .left{
	flex: 0 0 50%;
	font-family: "PTSansBold";
}
.zfmsh-page .border-block .right{
	padding-left: 20px;
	border-left: 2px solid #E96216;
	flex: 0 0 40%;
}
.zfmsh-page .grey-block.apply{
	padding: 32px 94px 32px 62px;
}
.zfmsh-page .grey-block.apply .item{
	min-height: 160px;
}
.zfmsh-page .grey-block .item{
	font-family: "PTSansRegular";
	max-width: 100%;
	padding-right: 20px;
}
.zfmsh-page .grey-block .item:first-child{
	font-family: "PTSansBold";
	padding-right: 80px;
	font-size: 1.35em;
}
.zfmsh-page .table>thead>tr>th{
	width: 27%;
	max-width: 27%;
}
.zfmsh-page .table>thead>tr>th:nth-child(1){
	width: 210px;
	max-width: 210px;
}
.zfmsh-page .snos {
    color: #434343;
    font-size: .9em;
    padding-top: 5px;
	width: 90%;
}

@media (min-width: 992px) and (max-width: 1199px){
	.zfmsh-page .grey-block .left .circle {
		width: 146px;
		height: 146px;		
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.zfmsh-page .grey-block .left .circle {
		width: 100px;
		height: 100px;		
	}
	.zfmsh-page .grey-block .left .circle img{
		width: 60px;
	}
}
@media (max-width: 1199px){
	.zfmsh-page .grey-block {
		padding: 32px;		
	}	
	.zfmsh-page .grey-block.apply .item {
		flex: 1 1 100%;
		max-width: 100%;
		min-height: inherit;
		margin-bottom: 32px;		
	}
	.zfmsh-page .grey-block .item:first-child {		
		padding-right: 0px;
	}
}
@media (max-width: 767px){
	.zfmsh-page .pl .grey-block {
		flex-direction: column;
	}
	.zfmsh-page .grey-block .left {
		flex: 0 0 100%;
		width: 100%;
		align-items: center;
	}
	.zfmsh-page .grey-block .right {
		flex: 0 0 100%;
		width: 100%;
		padding-top: 20px;
	}
}
@media (max-width: 991px){
	.zfmsh-page .grey-block.apply{
		padding: 32px;
	}
	.zfmsh-page .border-block {
		flex-direction: column;
		padding: 32px;
	}
	.zfmsh-page .border-block .left{
		padding-bottom: 20px;
	}
	.zfmsh-page .border-block .right {
		padding-left: 0px;
		padding-top: 20px;
		border-left: none;
		border-top: 2px solid #E96216;
	}
}
/* End */


/* Start:/local/templates/sesc/components/bitrix/news.list/zfmsh_elems/style.css?15753455351343*/
.elems-block{
	margin-top: 32px;
}
.elems-block .item-block{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 1em;
	margin-bottom: 0;
	border: 2px solid #E5E6E7;
	border-radius: 5px;
	padding: 48px 33px;
}
.elems-block .item-block{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.elems-block .item-block h3{
	margin-bottom: 20px;
}
.elems-block .item-block ul li{
	margin-bottom: 10px;
}
.snippet-teacher{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}
.snippet-teacher .img{
	flex: 1 1 32%;
	max-width: 160px;
	min-width: 160px;
	height: 192px;
}
.snippet-teacher .img img{
	object-fit: cover;
	width: 100%;
	height: 192px;
}
.snippet-teacher .description{
	flex: 1 1 68%;
	width: 68%;
	height: 100%;
	padding-left: 30px;
}
.snippet-teacher .description .position{
	font-size: 1.12em;
	font-family: "PTSansBold";
	margin-bottom: 20px;
}
.snippet-teacher .description .name{
	font-size: 1.4em;
	font-family: "PTSansBold";
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.snippet-teacher{
		flex-direction: column;
		align-items: flex-start;
	}
	.snippet-teacher .img{
		margin-bottom: 20px;
	}
	.snippet-teacher .description{
		padding: 0px;
	}
}
/* End */


/* Start:/local/templates/sesc/components/bitrix/form.result.new/apply_preparatory_courses/style.css?17815855216303*/
label.errorMessages{
	margin-bottom: 6px;
}
label.h2{
	font-size: 1.4em;
}
.content-bar label.h2{
	margin: 10px 0 30px;
}
.form-content{
	position: relative;
}
.div-row{
	margin: 0 -15px;
}
.checkboxes-block{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.course.checkboxes-block .checkbox-group{
	flex: 0 0 20%;
	width: 20%;
}
.form-content .row{
	padding-bottom: 28px;
}
.left-part,
.right-part{
	height: 240px;
}
.captcha-block label.valid-error{
	margin-bottom: 0px;
}
button.send-courses-form{
	width:242px;	
}
button.send-courses-form.btn.btn-green{
	margin-bottom: 0px;
}
.button-block{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	min-height: 78px;
}
#choose-class-error{
	position: absolute;
	bottom: -28px;
	left: 15px;
}

/* datepicker */
.ui-widget.ui-widget-content {
    border: 2px solid #E8EDF3;
	border-radius: 5px;
	width: 345px;
}
.ui-datepicker-title{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.ui-datepicker-title .selectize-control.single .selectize-input:after{
	display: none;
}
.ui-widget-header { 
	border-radius: 5px 5px 0px 0px;
    color: #fff;
    font-family: "PTSansBold";
	border: none;
    background: #345D32;
    margin: -4px -4px 0;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
    color: #000;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background-position: 0 0;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    background-position: -6px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 12px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 20px;
}
.ui-datepicker .ui-datepicker-next {
    right: 20px;
}
.ui-widget-header .ui-state-hover{
	background: #345D32;
	border: none;
}
/*.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
	background: #345D32;
	border: none;
	color: #fff;
	outline-offset: 0;
	outline: none;
	font-family: "PTSansBold";
}
.ui-datepicker select.ui-datepicker-month{
	text-align: right;
	text-align-last: right;
	margin-right: 10px;
	padding-right: 10px;
	width:40%;
}
.ui-datepicker select.ui-datepicker-year{
	width:25%;
}
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option{
	background: #fff;
	color: #000;
	border: none;
	outline: none;
}
.ui-datepicker select.ui-datepicker-month > option:hover{
  background-color:#E8EDF3;
  color: #000;
}
.ui-datepicker select.ui-datepicker-month > option:checked{
  background-color:#E8EDF3;
  color: #000;
}*/
.ui-datepicker-title .selectize-control.ui-datepicker-month {
	flex: 0 0 40%;
	min-width: 40%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.ui-datepicker-title .selectize-control.single .selectize-input > *{
	-webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none; 
	font-size: 1em;
}
.ui-datepicker-title .selectize-control .selectize-input{
	border: none;
	-webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none; 
	font-size: 1em;
}
.ui-datepicker-title .selectize-control .selectize-input input{
	-webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none; 
	pointer-events: none;
}
.ui-datepicker-title .selectize-control .selectize-input.full{
	background: transparent;
	color: #fff;
	font-family: "PTSansBold";
	outline: none;
	-webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.ui-datepicker-title .selectize-control.single .selectize-input.input-active{
	background: transparent;
	cursor: pointer;
}
.ui-datepicker-title .selectize-control.single .selectize-input.input-active input{
	cursor: default;
	pointer-events: none; 
}
.ui-datepicker-title .selectize-control.ui-datepicker-year{
	flex: 0 0 25%;
	min-width: 25%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.ui-datepicker-title .selectize-control.ui-datepicker-month .selectize-input{
}
.ui-datepicker-title .selectize-control.ui-datepicker-year .selectize-input{
	padding-left: 0px;
}
.ui-datepicker-title .selectize-dropdown{
	margin: 0px;
}
.ui-datepicker-title .selectize-dropdown .selectize-dropdown-content{
	text-align: left;
}
.ui-datepicker-title .selectize-dropdown.ui-datepicker-year{
	min-width: 80px;
}
table.ui-datepicker-calendar{
	font-size: .75em;
}
table.ui-datepicker-calendar .ui-state-default {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 5px;
	background: #E8EDF3;
	width: 30px;
	height: 30px;
	color: #222222;
	font-family: "PTSansBold";
}
table.ui-datepicker-calendar .ui-state-active{
	background: #345D32;
	color: #fff;
}
table.ui-datepicker-calendar td {
    padding: 7.3px;
}
#datepicker.form-control[disabled],
#datepicker.form-control[readonly],
#datepicker fieldset[disabled] .form-control {
  background-color: #fff;
  opacity: 1;
}
@media (max-width: 1199px){
	.left-part{
		height: auto;
	}
	.right-part{
		height: auto;
	}
	.captcha-block{
		margin-bottom: 0px;
	}
}
@media (max-width: 991px) {
	.div-row .f-g{
		margin-bottom: 28px;
	}
	label.errorMessages{
		height: 26px;
		margin-bottom: 0px;
	}
	.form-group.input-arrow,
	.div-row.form-group{
		margin-bottom: 0px !important;
	}
	.button-block .send-courses-form{
		float: left !important;
	}
	.button-block {
		justify-content: flex-start;
		min-height: inherit;
		align-items: flex-start;
	}
	.course.checkboxes-block .checkbox-group{
		flex: 0 0 33%;
		width: 33%;
	}
}
@media (max-width: 767px) {
	.ui-widget.ui-widget-content {		
		width: 85%;
	}
	table.ui-datepicker-calendar td {
    	padding: 4px 4px 4px 8px;;		
	}
	label.errorMessages{
		height: 26px;
		margin-bottom: 0px;
	}
	.form-group.input-arrow{
		margin-bottom: 0px !important;
	}
	.button-block .send-courses-form{
		float: left !important;
	}
	.button-block {
		align-items: flex-start;
	}
	.checkboxes-block{
		flex-direction: column;
	}
	.checkboxes-block .checkbox-group{
		flex: 0 0 100%;
		width: 100%;
	}
}
/* End */
/* /local/templates/sesc/css/education/zfmsh/style.css?16644373341031 */
/* /local/templates/sesc/components/bitrix/catalog/zfmsh/bitrix/catalog.section/.default/style.css?15766072192635 */
/* /local/templates/sesc/components/bitrix/news.list/zfmsh_elems/style.css?15753455351343 */
/* /local/templates/sesc/components/bitrix/form.result.new/apply_preparatory_courses/style.css?17815855216303 */