/*@supports (-webkit-touch-callout: none) {
  picture.desk {
    display: none;
  }
  picture.ios {
    display: contents !important;
  }
}*/
.mkanketa-mclasses {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 374px) {
  .select_role {
    width: 280px !important;
    margin-right: 8px !important;
  }
  .container.section.three_steps > div {
    width: 280px !important;
    background-size: contain !important;
  }
}
picture.ios {
    display: none;
  }
@media (min-width: 1624px) {
  .greybg-cover.ann {
  background-position: center 20vw !important;
}
}
@media (max-width: 991.5px) {
  .ui-accordion-content {
  padding: 10px 0;
}
  .modal-overlay li {
  margin-bottom: 20px;
  }
  #children_content {
  margin-top: 20px;
}
  #children_content > div:not(.no_ses) {
  margin: 0 15px;
}
  .banner_text {
  width: 343px;
}
  .title_banner {
  font-size: 22px;
  line-height: 24px;
  }
  .banner_text div {
  width: 343px;
  padding-left: 15px;
  padding-right: 15px;
}
  .main_img_banner {
    background: center url(/images/ambassador-registration/mob_main_banner_2.png) no-repeat;
    height: 567px;
    margin-bottom: 28px;
  }
  .subtitle.steps_easy {
    font-size: 18px;
  }
  .ped_in-modal .parent.modal_accordion.ui-accordion.ui-widget.ui-helper-reset {
  /*padding: 0 0 0 32px;*/
  padding: 0 15px 0 22px;
}
.container.section.three_steps > div {
  display: flex;
  justify-content: center;
}
  .modal_btn {
    padding: 24px;
  }
  .ped_in-modal .modal_accordion .ui-accordion-header, .modal_accordion h3 {
    padding-top: 24px;
    background-position: left 24px;
  }
  .modal_accordion h3 {
    margin-bottom: 20px;
  }
    
  .modal__content.modal__content_overflow-maxlg-hidden.ped_in-modal.pedagogs, .modal__content.modal__content_overflow-maxlg-hidden.ped_in-modal.masters, .modal__content.modal__content_overflow-maxlg-hidden.ped_in-modal.bloggers {
    overflow-y: auto !important;
  }
  .modal_accordion .ui-accordion-header-icon {
    display: none;
  }
  .modal-overlay .subtitle {
    background: url(/images/ambassador-registration/pay.png) no-repeat;
    background-position: right;
    width: fit-content;
    padding-right: 40px;
    margin: auto;
  }
  .modal_img, .modal-overlay .title_content {
  display: none;
}
  .carousel-wrapper {
  display: flex;
  transition: transform 0.5s ease; /* Плавная прокрутка */
  padding-bottom: 29px;
}
  .container.section.three_row {
  width: 1004px;
}
  .points {
    display: flex;
    justify-content: center;
  }
  .point {
    border-radius: 50%;
    background-color: #D9D9D9;
    width: 11px;
    height: 11px;
    margin-right: 8px;
    cursor: pointer;
  }
  .point.active {
    background-color: #9196A1;
  }
  .greybg-cover.ann .container.section {
    background-color: transparent;
  }
  .main_img {
    padding: 0 15px;
  }
  .reg {
    background-color: #fff;
    margin: 1px;
    font-size: 16px;
  }
  .mob_border {
    background-image: linear-gradient(to bottom right,#CD531F, #FEE7DD);
  }
  .title_role {
    font-size: 24px;
  }
  .mob_roll, .container.section.three_row {
    overflow-x: scroll;
    scrollbar-width: none;
    overflow-y: hidden;
    width: calc(100% - 15px);
  }
  .mob_roll {
    justify-content: start;
    margin-left: 15px;
  }
  .select_role{
    margin-right: 16px;
  }
  .three_steps {
    flex-direction: column;
  }
  .three_steps {
    flex-direction: column;
  }
  .three_steps div {
    margin: 0 auto 32px auto;
  }
  .greybg-cover.ann {
    background: url(/images/ambassador-registration/bg_mob_main_2.png) repeat-y;
    background-position: center top;
  }
  .blok_img {
  height: 200px;
}
.blok_spisok ul {
  height: 175px;
}
}
@media (min-width: 992px) {
  .mkanketa-mclasses {
    max-width: 50%;
  }
  .akk ul {
  padding-right: 34px;
}
  .modal_accordion h3 {
  padding-right: 70px;
}
  .modal-overlay li {
  margin-bottom: 8px;
  }
  #children_content {
  margin-top: 100px;
}
  #children_content > div:not(#ank_master) {
 /* margin: 0 17.5vw;*/
  margin: 0 auto;
  max-width: 582px;
}
  .banner_text {
  width: 100%;
}
  .title_banner {
  font-size: 2.8vw;
  line-height: 3vw;
  }
  .banner_text div {
  width: 60%;
  padding-left: 15px;
}
  .main_img_banner {
    background: url(/images/ambassador-registration/main_banner_2.jpg) no-repeat;
    background-size: 100%;
    color: #fff;
    height: 32vw;
    margin-bottom: 45px;
  }
  .ped_in-modal .parent.modal_accordion.ui-accordion.ui-widget.ui-helper-reset {
  padding: 0 0 0 32px;
}
  .three_steps {
  margin-bottom: 40px;
}
  .modal_btn {
  margin: 24px;
}
  .ped_in-modal .modal_accordion .ui-accordion-header, .modal_accordion h3 {
    padding-top: 15px;
    background-position: left 15px;
  }
.akk {
  border-bottom: 1px solid #F4F5F6;
  overflow: hidden;
}
  .ped_in-modal .subtitle.w_700 {
  text-align: left;
  font-size: 20px;
  }
  .ped_in-modal .akk {
  height: 300px;
  width: 500px;
}
  .ped_modal_content {
  width: 50%;
}
  .ped_in-modal .modal_accordion .ui-accordion-header {
  text-wrap: nowrap;
  }
  .carousel-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 29px;
}
  .blok_spisok ul {
    height: 175px;
  }
  .points {
    display: none;
  }
  .reg {
  background-color: #FFF0E2;
  font-size: 24px;
  }
  .title_role {
    font-size: 32px;
  }
  .greybg-cover.ann {
    background: url(/images/ambassador-registration/bg_green.png) no-repeat;
    background-position: center 34vw;
  }
}
@media (max-width: 1150px) and (min-width: 992px) {
  .main_img_banner .banner_text div {
  padding-left: 2.5vw;
}
}
.main_img_banner {
  color: #fff;
}
.title_banner {
  padding-top: 6.7vw;
  padding-bottom: 16px;
}
.text_banner {
  font-size: 16px;
}
.banner_text {
  max-width: 1150px;
  margin: 0 auto;
}
.step_one {
  background: url(/images/ambassador-registration/mob_step_one_2.png) no-repeat;
}
.step_two {
  background: url(/images/ambassador-registration/mob_step_two_2.png) no-repeat;
}
.step_three {
  background: url(/images/ambassador-registration/mob_step_three_2.png) no-repeat;
}
.three_steps > div {
  color: #fff;
  background-size: auto auto;
  width: 339px;
  height: 185px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.three_steps .subtitle.w_700 {
  margin-bottom: 7px;
}
select.custom-select.text-input {
  background: #f0f0f0 url('/images/ambassador-registration/down.jpg') no-repeat right 10px center;
    border: #cdcdcd;
    padding: 20px 45.6px 20px 14.6px !important;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}
select.custom-select:focus {
  border-color: #5b9bd5;
}
.ann .main_img {
  text-align: center;
}
.main_img img {
  width: 100%;
  max-width: 1440px;
}
.w_600 {
    font-weight: 600;
}
.w_700 {
    font-weight: 700;
}
.rad_16 {
    border-radius: 16px;
}
.rad_20 {
    border-radius: 20px;
}
.reg {   
    padding: 10px;
    font-weight: 600;
    text-align: center;
    width: fit-content;
}
.block_center {
    display: flex;
}
.title_role {
    font-weight: 600;
    margin: 45px 0 24px 0;
}
.role {
    background-color: #F4F5F6;
    display: flex;
    padding: 4px;
    margin-bottom: 49px;
}
.mob_roll .role > div.active, .mob_roll .role > button.active {
  background-color: #fff;
}
.pedagog, .role_pedagog .blok_title, .ped_in-modal .title_role, #children_content .title_role.pedagog {
  background: url(/images/ambassador-registration/open-book.png) no-repeat;
}
.master, .role_master .blok_title, .ped_in-modal.masters .title_role.master {
  background: url(/images/ambassador-registration/paint.png) no-repeat;
}
.blogger, .role_blogger .blok_title, .ped_in-modal.bloggers .title_role.blogger {
  background: url(/images/ambassador-registration/smartphone.png) no-repeat;
}
.role div, .role button {
  padding: 9px 15px 9px 60px;
  font-size: 20px;
  height: 50px;
  background-position: 20px;
  line-height: 30px;
}
.select_role {
    display: flex;
    flex-direction: column;
    width: 324px;
    background-color: #fff;
      -webkit-box-shadow: 2px 4px 16px 0px rgba(215, 215, 221, 0.4);
-moz-box-shadow: 2px 4px 16px 0px rgba(215, 215, 221, 0.4);
box-shadow: 2px 4px 16px 0px rgba(215, 215, 221, 0.4);
}
.blok_spisok {
  padding: 0 16px;
}
.blok_title {
  font-size: 24px;
  text-align: center;
  padding-right: 40px;
  width: 212px;
  margin: 24px auto 16px auto;
}
.blok_name {
    font-size: 20px;
    text-align: center;
    margin: 8px 0 16px 0;
}
.blok_spisok li {
  background: url(/images/ambassador-registration/li.png) no-repeat;
  padding: 0 0 0 34px;
  background-position: 0 center;
  font-size: 16px;
  margin-bottom: 16px;
}
.blok_who {
  display: flex;
}
.students {
    background: url(/images/ambassador-registration/students.png) no-repeat;
}
.parents {
    background: url(/images/ambassador-registration/parents.png) no-repeat;
}
.collega {
    background: url(/images/ambassador-registration/collega.png) no-repeat;
}

.teach {
    background: url(/images/ambassador-registration/teach.png) no-repeat;
}
.write {
    background: url(/images/ambassador-registration/write.png) no-repeat;
}
.clients {
    background: url(/images/ambassador-registration/clients.png) no-repeat;
}
.audit {
    background: url(/images/ambassador-registration/audit.png) no-repeat;
}
.blok_who div {
  padding: 48px 10px 0 10px;
  font-size: 16px;
  background-position: center top;
  width: 33%;
  text-align: center;
}
.more {
  border: 1px solid #0B1F33;
  border-radius: 8px;
  text-align: center;
  font-size: 18px;
  padding: 15px 0;
  margin: 16px 16px 24px 16px;
  cursor: pointer;
}
.btn_ank {
    font-size: 18px;
    padding: 15px 0;
    margin: 24px 16px 0 16px;
}
.role_pedagog .blok_title, .role_master .blok_title, .role_blogger .blok_title, .ped_in-modal .title_role, #children_content .title_role.pedagog, #children_content .title_role.master, #children_content .title_role.blogger, .ped_in-modal.masters .title_role, .ped_in-modal.bloggers .title_role {
  background-position: right center;
}
.main_img {
    margin-bottom: 45px;
}
.container.section.three_row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.blok_who div.audit {
  width: 100%;
}
.blok_spisok ul {
  display: flex;
  flex-direction: column;
}
.subtitle {
  font-size: 24px;
  text-align: center;
  margin-bottom: 48px;
}
.steps .title_role {
    margin-bottom: 11px;
    font-weight: 700;
    margin-top: 69px;
}
.three_steps {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.akk .subtitle {
  text-align: left;
  margin-top: 44px;
  margin-bottom: 5px;
}
.accordion .ui-accordion-header, .modal_accordion .ui-accordion-header {
	position: relative;
  font-size: 18px;
  margin-bottom: 17px;
  border-top: 1px solid #F4F5F6;
  padding-top: 26px;
}
.accordion .ui-accordion-header-icon, .modal_accordion .ui-accordion-header-icon {
	content: '';
	position: absolute;
	top: 31px;
	right: 10px;    
	display: inline-block;
	width: 20px;
	height: 13px;    
	background: url(/images/ambassador-registration/down.png) 50% 50% no-repeat;
  cursor: pointer;
}
.accordion .ui-accordion-header-active .ui-accordion-header-icon, .modal_accordion .ui-accordion-header-active .ui-accordion-header-icon {
	background-image: url(/images/ambassador-registration/up.png);
}
#participation .ui-accordion-content {
  padding: 10px 0;
}
.accordion .ui-accordion-header.no_border, .modal_accordion .ui-accordion-header.no_border {
  border: none;
}
.parent.modal_accordion.ui-accordion.ui-widget.ui-helper-reset {
  padding: 0 10px;
}
.modal.modal-overlay.ped-modal .intro {
  width: 1120px;
  height: 560px;
}
.modal__content.modal__content_overflow-maxlg-hidden.ped_in-modal {
  display: flex;
  border-radius: 24px;
}
.a1 {
  background: url(/images/ambassador-registration/a1.png) no-repeat;
}
.a2 {
  background: url(/images/ambassador-registration/a2.png) no-repeat;
}
.a3 {
  background: url(/images/ambassador-registration/a3.png) no-repeat;
}
.a4 {
  background: url(/images/ambassador-registration/a4.png) no-repeat;
}
.ped_in-modal .title_role {
  display: block;
  width: fit-content;
  padding-right: 38px;
  margin-top: 24px;
  margin-bottom: 20px;
  font-size: 28px;
}
.title_content {
  display: flex;
  justify-content: center;
}
.ped_in-modal .subtitle.w_700 {
  padding-left: 32px;
  margin-bottom: 0;
}
.ped_in-modal .modal_accordion .ui-accordion-header {
  padding-right: 70px;
}
.ped_in-modal .modal_accordion .ui-accordion-header, .modal_accordion h3 {
  padding-left: 30px;
  margin-bottom: 10px;
  line-height: 24px;
}
.modal_accordion .ui-accordion-header-icon {
  top: 21px;
}
.active.select_role {
  border: 1px solid #e37230;
}
.content.ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content.ui-accordion-content-active {
  height: auto !important;
}
.ped-modal .modal_img {
  background: url(/images/ambassador-registration/modal_ped.jpg) no-repeat;
}
.master-modal .modal_img {
  background: url(/images/ambassador-registration/modal_mas.jpg) no-repeat;
}
.blogger-modal .modal_img {
  background: url(/images/ambassador-registration/modal_blog.jpg) no-repeat;
}
.modal_img {
  background-size: auto 100% !important;
  min-width: 475px;
  border-radius: 24px 0 0 24px;
  background-position: right top !important;
}
.ui-accordion-content-active {
  display: block !important;
}
#children_content .subtitle.w_700 {
  margin: 0 0 28px 0;
}
#children_content .title_role {
  padding-right: 40px;
  width: fit-content;
  font-weight: 700;
}
.three_steps div img {
  display: block;
}
.container.section.subtitle {
  background-color: transparent;
}
/*нет в бетта, но есть в леонардо*/
.alert.large1, .alert:not(.alert--small1) {
  padding: 15px 20px 17px;
}
.modal__content .ped_modal_content .close-button {
  position: relative;
  top: 0;
  right: 0;
}
#participation .akk {
  height: 400px;
  overflow: hidden;
}
.ped_modal_content .go-back-title {
  margin: 20px;
}
#participation h3 {
  padding-right: 30px;
}
 .modal-overlay li::before {
    width: 14px;
    height: 14px;
    background-color: #F4F5F6;
    border-radius: 50%;
    display: block;
    content: "55";
    margin-right: 12px;
    color: transparent;
  }
  .modal-overlay li {
    display: flex;
    align-items: center;
  }