.service-btn {
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    padding: 12px;
    border-radius: 999px;
    display: block;
    width: 100%;
    border: none;
}

.repair-request {
    background-color: #ffcd33;
    color: #000;
    margin-top: 24px;
}

.repair-request:hover,
.repair-request:focus {
    color: #000;
    text-decoration: none;
}

#order-card-btn {
    background-color: #737b8d;
    color: #fff;
}

#order-notifications-btn {
    background-color: #4972cf;
    color: #fff;
    margin-top: 24px;
}

.title-order-services {
    text-align: center;
    font-family: sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin-top: 20px;
}

.school-selection-section {
	padding-top: 18px;
}

.school-selection-section__lists {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 60px 24px;
}

.school-selection-section__lists ul {
	text-align: center;
    max-width: 400px;
    width: 100%;
}

.school-selection-section__lists ul li:nth-child(even) {
    background-color: #e5e5e5;
}

.school-selection-section__lists ul li {
	padding: 4px 6px;
	cursor: pointer;
	transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.selected-school {
	background-color: #6fa6df;
}

.school-selection-section__lists ul li:hover {
	background-color: #6fa6df;
}

.list-of-services {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.list-of-services > * {
    margin-left: 0;
    margin-right: 0;
}

.service-item {
    display: flex;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
}

.service-item__name {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
}

#email-for-notifications {
    margin-bottom: 20px;
    position: relative;
}

#input-email-notification-error {
    color: #fd0000;
    font-size: 14px;
    margin-left: 0;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
  }

.menu {
    display: flex;
    flex-wrap: wrap;
}

.menu li {
    margin-left: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-clip: inherit;
    color: #0275d8;
}

.menu li a {
    background-clip: inherit;
}

.element-hover {
    background-color: transparent;
    cursor: pointer;
}

.element-hover:hover {
    background-color: #6fa6df;
}

.month-on-list {
    text-align: left;
    white-space: nowrap;
    padding: 0 10px;
    margin: 4px 0;
    font-size: 20px;
}

.checkboxes-of-years__list,
.checkboxes-of-months__list {
	display: flex;
	flex-wrap: wrap;
}

.checkboxes-of-years__list_item {
	padding: 0 10px;
}

.checkboxes-of-months__list_item {
	min-width: 40px;
}

.error-border {
	border: 1px solid #fd0000 !important;
}

* {
	/* margin: 0 auto; */
	padding:0;
/*		-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
        transition: all .3s;*/
    }

    body{
        cursor:default;
    }

    /*Адаптивность картинок и видео*/
    img{
        max-width: 100%;
        height: auto;
    }

    h2{
        font-size:23px;
    }

    p{
        margin-bottom: 0;
    }

    #tS201,#tS301,#tS401,#tS501,#tS601,#tS701,#tS801,#tS901,#tS1001,#tS1101,#tS9001{
        padding:15px;
        -ms-transition: all 0.6s ease-in-out
        -moz-transition: all 0.6s ease-in-out; /** Firefox **/
        -o-transition: all 0.6s ease-in-out; /** Opera **/
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out; /** Chrome & Safari **/
    }

    .tS001{
        padding: 0px 0 7px 0;
        font-size: 27px;
    }

    .tS004{
        margin: 0 5px;
    }

    .tS005{
        font-weight:bold;
    }

.iS001{
	border: 1px solid #bbb;
	color: #000;
	display: inline-block;
	font-size: 16px;
	height: 45px;
	padding: 6px 14px;
	vertical-align: middle;
	border-radius: 6px;
	line-height: 32px;
	outline: none;
	background: #fff;
 }

 .iS002{
	border: 1px solid #bbb;
	color: #000;
	font-size: 16px;
	height: 53px;
	padding: 7px 14px;
	margin: 10px 0;
	vertical-align: middle;
	border-radius: 6px;
	line-height: 32px;
	outline: none;
	background: #fff;
	cursor: pointer;
	text-align: center;
}

.iS003{
    height: 15px;
}

.iS004{
    height: 20px;
}

.iS005{
    height: 22px;
}

.iS006{
    height: 22px;
}

.iS007{
    height: 35px;
}

.iS008{
    height: 35px;
}

.iS009{
    height: 25px;
}

.iS010{
    height: 35px;
}

.iS011{
    height: 9px;
}

.iS012{
    height: 18px;
}

.iS013{
    height: 26px;
}

.iS014{
    height: 20px;
}

.iS015{
    height: 17px;
}

.iS016{
    height: 18px;
}

/*-----------100---------*/
.bS100{
    /*width:700px;*/
    border: 1px solid #d5dde9;
    background: #f7f7f7;
    padding:18px; 
    border-bottom: 0px;
    text-align: justify;
}

.bS112{
   text-align: center;
}

.bS121{
    float:left;
}

.bS121 img{
    height:80px;
}

.bS121 a{
    font-family: "Myriad Set Pro p";
    font-size:14px;
}

.bS122{
    float:right;
}

.bS122 p{
    text-align:right;
}

.bS123{
  display: inline-block;
  padding: 10px 0 0 0;
  margin: 0 0 -10px 0;
}

.bS123 p{
  font-size:18px;
  font-weight:bold;
  color: #74a3c7;
  text-align:center;
}

.bS127{
    float:left;
}

.icon_payment_method{
	display:table;
    margin: 0; /*для Safari*/
    height:42px;
    float:left;
    margin-right: 8px;
}

.bS141{
	display:table-cell;
	vertical-align:middle;
}

/*---------200-----------------------------------------------*/
.w001{
    /*width:700px;*/
    border: 1px solid #d5dde9;
    background: #f7f7f7;
    padding: 0px 18px 40px 18px;
}

#bS301,#bS401,#bS501,#bS601,#bS701,#bS801,#bS901,#bS1001,#bS1101,#bS9001{
    cursor: pointer;
}
/*
#bS301,#bS401,#bS501,#bS601,#bS701,#bS801,#bS901,#bS1001,#bS1101{
border-bottom: 1px solid #d5dde9;
}*/

#bS211{
    text-align:center;
    padding-bottom: 20px;
    display: none;
}

.bS212{
    margin: 15px 0 5px 0;
    width:100%;
    text-align: center;
    color: #345678;
}

.highlighted-title {
	color: #fd0000;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin-bottom: 12px;
}

#bS311,#bS411,#bS511,#bS611,#bS711,#bS811,#bS911,#bS1011,#bS1111,#bS9011{
    text-align:center;
    overflow:hidden;
    height:0px;
}

#bS221{
    /*float:left;*/
    /*margin: 0 0 10px 0;*/
}

#bS321,#bS421,#bS521,#bS621,#bS721,#bS821,#bS921,#bS1021,#bS1121,#bS9021{
    opacity:0;
    float:left;
}

.bS231{
    padding-bottom: 25px;
}

.bS241{
}

.bS241 p{
   /*   text-align: left;*/
}

.bS242{
    /*	float: left;*/
    text-align: center;
}

.bS243{
    max-width: 500px;
}

#dropdown-months{
    width: 160px;
    margin-top: 129px;
}

.title-in-select-list {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

#dropdown-months, #list_school{
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 15px 1px rgba(0,0,0,.2);
    margin-top: 2px;
    overflow: hidden;
    padding: 10px 0px;
    display:none;
    text-align: center;
    margin: 0 auto;
}

.bS252,#symma01,#symma02{
    font-size: 34px;
    margin: -6px 2px 0 2px;
}

.rub{
    font-size: inherit;
}

#bS261, #bS263{
    display: none;
/*float: left;
/*opacity:0.4;
/*height:0;*/
}

.bS262{
    float: right;
    margin: 14px 0 0 10px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #505050;
}

.bS264{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #505050;
}

#ybratFIO, #ybratTEL{
   width: 59%;
}

#mes00{
	cursor: pointer;
}

#mes00 p{
	font-size :16px;
	float: left;
}

#choice_school h1{
    font-size:16px;
    float: left;
}

#mesV09, #mesV10, #mesV11, #mesV12, #mesV01, #mesV02, #mesV03, #mesV04, #mesV05, #mesV08, #mesV07, #mesV08,
#moyV01, #moyV02, #moyV03, #moyV04, #moyV06, #moyV07, #moyV08, #moyV09,
#moyV10, #moyV11, #moyV12,
#moyV101, #moyV103, #moyV104, #moyV105, #moyV106, #moyV107, #moyV108, #moyV109, #moyV110, #moyV111, #moyV112, #moyV113 {
	display: none;
}

/* #moy01, #moy02, #moy03 {
    background: radial-gradient(farthest-side at bottom left 19%, #ffdd2d,  #feda00);
    background: -webkit-radial-gradient(#ffdd2d,  #feda00);
    background: -o-radial-gradient(#ffdd2d,  #feda00);
    background: -moz-radial-gradient(#ffdd2d,  #feda00);
    background: -webkit-radial-gradient(bottom left 19%, farthest-side, #ffdd2d,  #feda00);
    background: -o-radial-gradient(bottom left 19%, farthest-side, #ffdd2d,  #feda00);
    background: -moz-radial-gradient(bottom left 19%, farthest-side, #ffdd2d,  #feda00);
    background: radial-gradient(farthest-side at bottom left 19%, #ffdd2d,  #feda00);
} */
/*
#moy10{
    background: radial-gradient(farthest-side at bottom left 19%, #fff6c6,  #ffef8f);
    background: -webkit-radial-gradient(#fff6c6,  #ffef8f);
    background: -o-radial-gradient(#fff6c6,  #ffef8f);
    background: -moz-radial-gradient(#fff6c6,  #ffef8f);
    background: -webkit-radial-gradient(bottom left 19%, farthest-side, #fff6c6,  #ffef8f);
    background: -o-radial-gradient(bottom left 19%, farthest-side, #fff6c6 #ffef8f);
    background: -moz-radial-gradient(bottom left 19%, farthest-side, #fff6c6,  #ffef8f);
    background: radial-gradient(farthest-side at bottom left 19%, #fff6c6,  #ffef8f);
}
*/
#km01{
    /*	margin: 0 0 6px 0;*/
}

#iSfio01, #iSfio02, #iSfio03,#iSemail,
#input-email-notification {
    max-width: 500px;
    min-width: 250px;
}

#iSfio02, #iSfio03{
    /*cursor:default;*/
}

#iSklass01,#iSklass02,#iSklass03{
 max-width: 300px;
 min-width: 150px;
}

#iSfio03,#iSklass02,#iSklass03,#iSphone01,#iSphone02{
    margin: 10px 0 0 0;
    /*cursor:default;*/
}

#iSmesyac{
	height:50px;
   display: none;
}

#KolYchenik01,#KolTelefonov01{
    float: right;
    height:0px;
    opacity:0;
    text-align: right;
    width: 69%;
    /*    margin: 0 0 10px 0;*/
}

#KolYchenik01 p, #KolTelefonov01 p{
    color: #FD0000;
    font-weight: bold;
}

.help00{
  border: 1px solid #74a3c7;
  border-radius: 12px;
  color:#74a3c7;
  cursor:pointer;
}


#help10{
  cursor:pointer;
  display:none;
  position:absolute;
  opacity:0;
  margin: -30px 0 0 150px;
}

#userfile {
    color: #fd0000;
}

#result-userfile {
    color: #fd0000;
}

#sms-block-for-all-classroom {
    margin-bottom: 15px;
}

#email-choice, #sms_choice, #telegram_choice, #card_choice, #choice-all-classroom, #email01{
    border: 1px solid #bbb;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    flex-shrink: 0;
}

#email-checkbox, #sms_checkbox, #telegram_checkbox, #card_checkbox, #all-classroom-checkbox, #karta03, #email02{
    display: none;
}

#email-checkbox svg, #sms_checkbox svg, #email02 svg, #telegram_checkbox svg, #all-classroom-checkbox svg{
    height: 26px;
    width: 26px;
    stroke-width: 1.5;
    stroke: #70a4d8;
    fill: #70a4d8;
    padding: 2px;
}

/*---------КАРТА-----------------------------*/
#card_checkbox svg{
    height: 26px;
    width: 26px;
    stroke-width: 1.5;
    stroke: #70a4d8;
    fill: #70a4d8;
    padding: 2px;
}

#karta03 p{
    color:red;
}

.radio{
	cursor: pointer;
    overflow: hidden;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: solid 1px #bababa;
    background: #fff;
    position: relative;
}

.radio input {
    margin-left: -100px;
}

.radio._checked:before {
    position: absolute;
    left: 1px;
    top: 1px;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #70a4d8;
}
/*----------------КНОПКИ-------------------------------------*/
#btn-go-to-payment{
    font-family: "Myriad Set Pro p";
    font-size: 21px;
    /* border: 1px solid #b8d0e2; */
    color: #74a3c7;
    display: inline-block;
    background: #74a3c7;
    -webkit-border-radius: 2em;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2em;
    -moz-background-clip: padding;
    border-radius: 2em;
    cursor: pointer;
    -webkit-transition: background-color .3s ease,-webkit-box-shadow .3s ease;
    -moz-transition: background-color .3s ease,-moz-box-shadow .3s ease;
    -o-transition: background-color .3s ease,box-shadow .3s ease;
    transition: background-color .3s ease,box-shadow .3s ease;
    padding: 7px 30px;
    /* margin-top: 20px; */
}

.oplata02{
   display:table;
}

/*----------------ЭФЕКТЫ-------------------------------------*/
.eS000{
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;/** Firefox **/
    -o-transition: all 0.3s ease-in-out;/** Opera **/
    transition: all 2.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; /** Chrome & Safari **/
}

.eS001{
    -ms-transition: all 0.6s ease-in-out; 
    -moz-transition: all 0.6s ease-in-out;  /** Firefox **/
    -o-transition: all 0.6s ease-in-out; /** Opera **/
    transition: all 0.6s ease-in-out; 
    -webkit-transition: all 0.6s ease-in-out; /** Chrome & Safari **/
}

.eS200{
/*opacity:0.4;
cursor:default;*/
display: none;
}


/**************************************************/
.diagnostik01{
   width: 10%;
   position:fixed;
   top:0;
   right:0;
   padding:5px;
   border:1px solid #000;
}

.diagnostik01 p{
    font-size:16px;
}

.diagnostik02{
    color:#000;
    font-weight:bold;
    font-size:20px!important;
}

.diagnostik03{
    width:100%;
    float: left;
}

.diagnostik04{
    float:left;
}


/**************************************************/
.back_button, .back_button img, .back_button svg, .back_button p {
    float: left;
    height: 54px;
    line-height: 54px;
}

.back_button svg{
    margin-top: 13px;
    height: 24px;
    width: 40px;
    stroke-width: 2.5px;
    fill: none;
}

#button_manual_translation, #button_manual_telegram{
    color: #74a3c7;
    cursor: pointer;
}

#manual_translation, #manual_telegram{
    background: #eef2f7;
    border: 1px solid #d5dde9;
    padding: 12px;
    text-align: justify;
}

#manual_translation, #form_filling, #notice_telegram, #tarif_iva, #phone_number_block, #final_payment, #manual_telegram, #add_phone2{
    display: none;
}

#tarif_unti_may, #tarif_unti_december, #tarif_2018{
    background: #74a3c7;
    border-radius: 6px;
    border: 0px;
    padding: 10px 10px;
    margin: 5px;
}

.service_not_available{
    text-align: center;
    color: red;
}

.strip{
    border: 1px solid #d5dde9;
    width: 50%;
}

.attention_text{
    color: #b33d3d;
}

.preview_images{
    text-align: center;
    margin-top: 40px;
}

.preview_video{
    text-align: center;
}

.preview_video iframe{
    width: 560px;
    height: 315px;
    max-width: 100%;
}

#attention_operators_payment{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

@media (min-width: 500px) {
    .back_button, .back_button img, .back_button svg, .back_button p {
        line-height: 88px;
    }

    .back_button, .back_button img {
        height: 60px;
    }

    .back_button svg{
        margin-top: 31px;
    }
}