@font-face {
    font-family: 'arial-reg';
    src: url('../media/fonts/ARIAL.TTF');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'arial-bold';
    src: url('../media/fonts/ARIALBD.TTF');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'grtsk-tera';
    src: url('../media/fonts/grtsk-tera-14.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'grtsk-tera-semibold';
    src: url('../media/fonts/grtsk-tera-15.ttf');
    font-style: normal;
}

.grecaptcha-badge {
    display: none;
}

div[id^="wait_"] {
    display: none !important;
    background: none !important;
    border: 0 !important;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal;
    letter-spacing: normal !important;
    line-height: normal;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-indent: 0 !important;
    width: 0px !important;
    height: 0px !important;
    word-spacing: normal !important;
    z-index: 0;
    content: "";
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

*, *::before, *::after {
    box-sizing: border-box;
}

a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea {
    touch-action: manipulation;
}

h1 {
    font-family: 'arial-bold', sans-serif;
    font-size: 35px;
    margin: 0;
}

ul {
    padding: 0;
}

body {
    font-family: 'arial-reg', sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reg-mdl-wrapper {
    position: fixed;
    display: flex;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
}

.menu-logo a {
    display: block;
    height: auto;
}

.reg-mdl-hidde {
    display: none !important;
}
.nalog-form-section input.calendar-input{
    outline: none;
}
/*.svedenia-form-section .doc-radio{*/
/*    border: 1px solid #D9D9D9;*/
/*}*/
.nalog-form-section .container-radio{
    display: flex;
    align-items: center;
}
.container-radio{
    height: 51px;
}
.container-radio-doc{
    width: 50%;
}
.fd-column{
    flex-direction: column !important;
}
section.nalog .container-radio input[type="radio"]{
    cursor: pointer;
    background: #fff;
    position: relative;
    appearance: none;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 4px;
    align-self: flex-start;
    border: 1px solid #D9D9D9;
    transition: all ease-in-out 0.2s;
    margin: 0px 16px -6px 0;
    min-width: 25px;
}
.container-radio-inner{
    margin-right: 40px;
}
section.nalog h4{
    margin: 0;
    color: #777;
    font-family: "arial-reg";
}
section.nalog input[type="radio"]:checked::after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 9px;
    margin: 8px 0 0 6px;
    background-size: contain;
    background: url(../media/images/check.svg) no-repeat;
}
.mdl-form-container {
    padding: 45px 20px 50px 40px;
    width: 814px;
    height: 477px;
    border-radius: 20px;
    position: fixed;
    top: 197px;
    left: 546px;
    overflow: visible;
    background: #f1f1f1;
    z-index: 1000;
}

.form-container {
    position: relative;
    padding: 27px 6px 20px 29px;
    width: 794px;
    height: 465px;
    border-radius: 20px;
    background: #f1f1f1;
}

.close-btn {
    position: absolute;
    right: 22px;
    top: 24px;
    background: url(../media/images/Group.svg) no-repeat;
    width: 19px;
    background-size: contain;
    height: 19px;
    cursor: pointer;
}

.mdl-payment-success .mdl-header {
    max-width: 300px;
    position: sticky;
    text-align: center;
}

.mdl-payment-success .mdl-header h2 {
    font-size: 20px;
    font-family: 'arial-bold';
}

.mdl-payment-success .success-img {
    position: sticky;
    background: url("../media/images/modl-error-img.webp") center center no-repeat;
}

.mdl-payment-success .close-btn {
    right: 27px;
    top: 30px;
}

.mdl-payment-success-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 1000000;
    top: 30vh;
    padding: 0 20;
}

.mdl-success .mdl-header {
    max-width: 300px;
    position: sticky;
    text-align: center;
}

.mdl-success .mdl-header h2 {
    font-size: 20px;
    font-family: 'arial-bold';
}

.mdl-success .success-img {
    position: sticky;
    background: transparent;
}

.mdl-success .close-btn {
    right: 27px;
    top: 30px;
}

.mdl-success-wrapper {
    width: 400px;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 1000000;
    top: 30vh;
    padding: 0 20px;
}

.mdl-form-container .form-header {
    font-family: 'arial-bold';
    font-size: 24px;
    margin-top: 0 !important;
}

.form-container::after {
    position: absolute;
    content: '';
    background: url(../media/images/form_icon.svg) no-repeat center center;
    display: block;
    width: 68px;
    height: 52px;
    top: 0;
    right: 0;
}

.form-container .form-header {
    font-family: 'arial-bold';
    font-size: 20px;
    margin-top: 0 !important;
}

.mdl-form-main {
    display: flex;
    flex-direction: row;
}

.mdl-form-container input[type="text"] {
    width: 352px !important;
    padding: 0 0 0 20px;
}

.centered {
    left: 50% !important;
    transform: translateX(-50%);
}

.form-container input[type="text"] {
    width: 352px;
}

/* .form-section {
    display: flex;
    flex-direction: column;
}

.form-section:nth-child(2) {
    margin-left: 30px;
} */

.green-btn-style:hover {
    background: #6D9237;
}

.form-container .green-btn-style {
    display: inline-block;
    height: 53px;
    width: 366px;
    padding: 15px 0 0 52px;
    margin-left: 13px;
}

.select-wrapper select {
    font-family: "arial-reg";
    color: #777777;
    font-size: 16px;
    padding: 0 0 0 20px;
    height: 51px;
    margin-bottom: 20px;
    border-radius: 10px;
    cursor: pointer;
    border: 0;
    width: 352px;
    position: relative;

}

.select-wrapper div {
    font-family: "arial-reg";
    color: #777777;
    font-size: 16px;
    padding: 18px 0 0 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 0;
    width: 352px;
    height: 51px;
    background: #FFF;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 0px 4px 0px #fff;
}

.select-wrapper div:hover {
    box-shadow: 0px 0px 4px 0px #00000033;
}

.select-wrapper select {
    display: none;
}

.select-wrapper .active-ul {
    padding: 0 16 15 16;
    opacity: 1;
}

.select-wrapper ul {
    font-size: 18px;
    font-family: "arial-reg";
    user-select: none;
    width: max-content;
    height: auto;
    display: flex;
    opacity: 0;
    z-index: 2;
    margin: 0;
    top: 54px;
    left: 0;
    list-style-type: none;
    pointer-events: none;
    padding: 0 16 0 16;
    position: absolute;
    flex-direction: column;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 20px;
    background: #fff;
    transition: all ease-in-out 0.2s;
}

.select-wrapper li {
    background: #fff;
    padding: 0px 24px 0px 4px;
    opacity: 0;
    height: 0px;
    width: max-content;
    margin: 0;
    transition: all ease-in-out 0.2s;
}

.select-wrapper a {
    font-size: 16px;
    display: block;
    height: 0;
    padding: 0 0 0 21px;
    width: 100%;
    box-sizing: content-box;
    transition: all ease-in-out 0.2s;
}

.select-wrapper a:hover {
    border: 1px solid #FFDD2E;
    background: #FFDD2E !important;
    color: #2B2B2B !important;
    transition: all ease-in-out 0.2s;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 352px;
    margin-right: 22px;
    height: auto;
}

.select-wrapper select {
    width: 352px;
    height: 51px;
}

.mdl-form-container .form-footer {
    margin-top: 8px;
}

.form-container .form-footer {
    margin-top: 17px;
}

.mdl-form-container .form-footer .agree {
    width: 608px;
    margin-right: 105px;
}

.form-container .form-footer .agree {
    width: 608px;
    margin-right: 110px;
}


.mdl-form-container .input-phone {
    display: inline-flex;
    width: 352px;
    margin-bottom: 10px;
    margin-right: 22px;
}

.form-container .input-phone {
    display: inline-flex;
    width: 352px;
    margin-bottom: 10px;
    margin-right: 25px;
}

.mdl-form-container .input-phone input[type="text"] {
    margin-right: 0;
}

.form-container .input-phone input[type="text"] {
    margin-right: 0;
}

.select-wrapper div::after {
    position: absolute;
    content: '';
    background: url(../media/images/select-Vector.svg) no-repeat;
    display: block;
    width: 12px;
    top: 20px;
    right: 13px;
    background-size: contain;
    height: 8px;
    transform: rotate(0deg);
    transition: all ease-in-out 0.2s;
}

.select-wrapper .active::after {
    transform: rotate(180deg);
}

/* .form-section select div{
    width: 18px;
    height: 8px;
    content: "";
    position: absolute;
} */
.select-wrapper option {
    font-family: "arial-reg";
    color: #777777;
    font-size: 16px;
    padding: 0 0 0 20px;
    height: 51px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 0;
    width: 352px;
}

.mdl-form-footer {
    display: flex;
    justify-content: flex-start !important;
    margin: 15px 0 20px 0;
    /* margin-top: 30px !important; */
}

.mdl-form-footer .agree {
    width: 608px !important;
    height: auto !important;
    margin-left: 16px;
}

.mdl-form-footer .agree a {
    text-decoration: none;
    color: #8958F2;
}

.mdl-form-container input[name="web_form_submit"] {
    margin-top: 4px !important;
    font-size: 16px !important;
    width: 352px;
}

.form-container input[name="web_form_submit"] {
    margin-top: 2px !important;
    font-size: 18px !important;
    width: 352px;
}

/* Main page */


.wrapper-main {
    width: 1320px;
    margin-top: 6px;
}

.item-menu a {
    text-decoration: none;
    color: #000;
}

.item-menu {
    cursor: pointer;
    height: fit-content;
    transition: all ease-in-out 0.2s;
}

.logo-menu {
    cursor: pointer;
    height: fit-content;
    margin: 0 98px 0 0;
}

.item-menu:nth-child(2) {
    margin: 0 0 3px 26px;
}

.item-menu:nth-child(3) {
    margin: 0 0 3px 10px;
}

.item-menu:nth-child(4) {
    margin: 0 53px 3px 20px;
}

.item-menu:last-child {
    padding: 0px 1px 0 0;
    margin: 4px 0 3px 87px;
}

.item-menu:nth-child(2) a {
    background: #F1F1F1;
    padding: 13px 17px;
    border-radius: 40px;
}

.item-menu:not(:last-child):not(:nth-child(2)):not(:nth-child(1)) a {
    padding: 13px 17px;
}

.item-menu:not(:last-child):not(:nth-child(2)):not(:nth-child(1)) a:hover {
    background: #F1F1F1;
    border-radius: 40px;
}

.header-btn-drop {
    padding: 13px 21px !important;
    margin: 0 5px 5px 5px !important;
    background: #fff;
}

.header-btn-drop:hover {
    padding: 13px 21px !important;
    margin: 0 5px 5px 5px !important;
    background: #fff !important;
}

.menu-ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0 0 0;
}

.menu-ul {
    list-style-type: none;
}

.menu-ul .active {
    color: #fff !important;
    background: #294457 !important;
    border: 1px solid #294457;
}

.menu-ul span:nth-child(2) {
    color: #fff !important;
    transform: rotate(0deg);
}

.menu-ul .active span {
    color: #fff !important;
}

.menu-ul .active span:nth-child(2) {
    transform: rotate(180deg);
}

/* hamburger */
.hmb-active {
    margin: -5px -1px 3px 0 !important;
    height: auto !important;
    padding: 11px !important;
    border-radius: 8px !important;
    transition: none;
    background: #F1F1F1 !important;
}

.hmb-active span:nth-child(1) {
    display: block;
    width: 22px;
    height: 22px;
    content: '';
    background: url("../media/images/cross_menu.svg") no-repeat;
}

.hmb-active span:nth-child(2) {
    display: none;
}

.hamburger {
    margin-left: 87px;
}

.wrapper-full {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mp-blur {
    display: none;
    position: absolute;
    z-index: 2;
    top: 173px;
    background: #000;
    opacity: 0.5;
    height: 100%;
    width: 100%;
}

.hidden {
    height: 0 !important;
    border-top-width: 0 !important;
}

.container-hamburger {
    width: 100%;
    z-index: 3;
    background: #fff;
    overflow: hidden;
    border-top: 1px solid #F1F1F1;
    border-top-width: 100%;
    top: 162px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 497px;
    transition: all ease-in-out .2s;
}

.container-hamburger-inner {
    display: flex;
    /* justify-content: space-between; */
    margin-top: 35px;
    margin-top: 35px;
    height: 462px;
}

.hamburger-block-1 {
    width: 245px;
    margin-right: 52px;
}

.hamburger-block-2 {
    margin-right: 50px;
}

.hamburger-block-3 {
    margin-right: 52px;
}

.hamburger-menu-header {
    font-family: 'arial-bold', sans-serif;
    font-size: 20px;
}

.hamburger-menu-header-1 {
    padding-left: 2px;
}

.hamburger-menu li {
    margin-top: 20px;
}

.hamburger-menu a {
    color: #606060;;
    text-decoration: none;
    transition: all ease-in-out .2s;
}

.hamburger-menu a:hover {
    color: #77A03A;
}

.hamburger-menu {
    margin: 26px 0 0 0;
    list-style-type: none;
    padding: 0;
}

.hamburger-adres {
    list-style-type: disc;
    margin: 19px 0 0 53px;
    color: #606060;

}

.hamburger-adres-header {
    position: relative;
    padding-left: 28px;
    margin-top: 25px;
}

.hamburger-adres-2 {
    /* margin: 18px 0 0 14px; */
}

.hamburger-adres li:not(:first-child) {
    margin-top: 15px;
}

.hamburger-adres-header::before {
    content: "";
    left: 0;
    display: block;
    position: absolute;
    background: url("../media/images/marker-footer.svg") no-repeat;
    width: 16px;
    height: 20px;
}

/*   */

.mp-wrapper {
    margin-top: 25px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-wrapper {
    /* padding: 30px 0; */
    margin: 30px 0 5px 0;
    display: flex;
    justify-content: space-between;
}

.wrapper-inner {
    width: 1320px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.btn-style {
    border: 1px solid #2B2B2B;
    border-radius: 40px;
    padding: 15px 20px;
    display: inline-block;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}

.course-list {
    transition: all ease-in-out 0.2s;
}

.course-list a {
    transition: all ease-in-out 0.2s;
    cursor: pointer;
}

.course-list a:hover {
    border: 1px solid #FFDD2E;
    background: #FFDD2E !important;
    color: #2B2B2B !important;
}

.yellow-btn-style {
    border: 1px solid #FFDD2E;
    background: #FFDD2E !important;
    color: #2B2B2B !important;
    transition: all ease-in-out 0.2s;
}

.green-btn-style {
    height: auto;
    width: 100%;
    border: none;
    border-radius: 10px;
    color: #fff;
    background: #77A03A;
    transition: background ease-in-out 0.2s;
}

.form-container-mp .green-btn-style {
    padding: 16px 46px;
    margin-top: 21px;
}

.header-btn-drop:hover {
    color: #fff !important;
    background: #294457 !important;
    border: 1px solid #294457;
}

.header-btn-drop:hover span {
    color: #fff;
}

.header-btn-drop:hover span:nth-child(2) {
    background: url(../media/images/drop-arrow-act.svg)
}

.header-btn-drop {
    z-index: 3;
    position: relative;
    display: flex;
    flex-direction: row;
}

.submenu-helper {
    height: auto !important;
}

.header-btn-drop a {
    display: flex;
    user-select: none;
    /* background: none;
    border-radius: none; */
}

/* .btn-overflow{
    overflow: hidden;
} */
.submenu-ul {
    font-size: 18px;
    font-family: "arial-reg";
    user-select: none;
    width: max-content;
    height: auto;
    display: flex;
    opacity: 0;
    z-index: 20;
    top: 48px;
    transition: all 0.2s ease-in-out;
    left: 0;
    list-style-type: none;
    position: absolute;
    flex-direction: column;
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 0 40px 0 20px;
    pointer-events: none;
    border-radius: 20px;
    background: #fff;
}

.submenu-ul li {
    overflow: visible !important;
    top: 51;
    width: max-content;
    opacity: 0;
    height: 0;
    margin-top: 0px;
}

.submenu-ul .item-menu {
    background: #fff;
    padding: 0px 0px 0px 21px;
    height: 0px;
    width: 100%;
    margin: 0;
    box-sizing: content-box;
}

.submenu-ul .item-menu:hover {
    border: 1px solid #FFDD2E;
    background: #FFDD2E !important;
    color: #2B2B2B !important;
}

.header-btn-drop span:nth-child(1) {
    margin-right: 10px;
}

.menu-ul .active span:nth-child(2) {
    background: url('../media/images/drop-arrow-act.svg');
}

.header-btn-drop span:nth-child(2) {
    display: block;
    background: url('../media/images/drop-arrow.svg');
    width: 18px;
    height: 18px;
    transition: all ease-in-out .2s;
}

.bgr-grey {
    background: #F1F1F1;
    padding: 17px;
    border-radius: 40px;
}

.hmb-inactive {
    background: url(../media/images/hmb_inactive.svg) no-repeat;
    margin: 0px 8px -8px 1px !important;
    height: 33px !important;
    width: 34px !important;
    padding: 6px !important;
    background-size: contain;
    transition: none;
}

.hamburger {
    position: relative;
}

.hmb-inactive span {
    display: block;
    position: absolute;
    border: 5px solid #77A03A;
    width: 0;
    height: 0;
    right: -8px;
    top: -6px;
    border-radius: 50%;
}

/* .hmb-inactive span:nth-child(2) {
    animation-delay: 1s !important;
    animation-iteration-count: infinite;
} */

/* @keyframes pulsed {
    from {
        border: 3px solid #77A03A;
        right: -4px;
        top: -3px;
        opacity: 1;
    }
    to {
        border: 6px solid #77A03A;
        right: -8px;
        top: -6px;
        opacity: 0;
    }
} */

.maintenance-header {
    font-family: 'arial-bold';
    font-size: 35px;
    font-weight: 700;
    min-width: 888px;
}

.course-list {
    font-size: 20px;
    width: 664px;
    margin-bottom: 0;
}

.course-list a:not(:last-child) {
    margin-bottom: 13px;
    margin-right: 5px;
}

.maintenance-footer {
    display: flex;
    align-self: end;
}

.maintenance-footer div {
    width: 440px;
    height: 53px;
    color: #fff;
    font-family: 'arial-bold';
    padding: 16px 20px;
    border-radius: 30px;
    background: #294457;
    font-size: 20px;
}

.btn-drop-readmore {
    width: 53px !important;
    height: 53px !important;
    padding: 0 !important;
    margin-left: 11px;
    position: relative;
    border-radius: 50% !important;
    background: #294457;
    transition: all ease-in-out 0.2s;
}

.btn-drop-readmore:hover {
    background: #355870;
}

.btn-drop-readmore a {
    position: absolute;
    width: 58px;
    height: 58px;
    display: block;
}

.btn-drop-readmore span {
    margin: 23px 18px;
    width: 18px;
    height: 11px;
    display: block;
    background-position: center;
    background: url(../media/images/white_arrow.svg) no-repeat;
}

.form-container-mp {
    transition: all ease-out 0.2s;
    margin-top: 12px;
    margin-bottom: 23px;
    width: 432px;
    height: 546px;
    padding: 40px;
    position: relative;
    z-index: 0;
    border-radius: 20px;
    background: #F1F1F1;
}

.mp-bgr-grey {
    border-radius: 20px;
    background: #F1F1F1;
}

.main-maintenance-container {
    position: relative;
    display: grid;
    height: 555px;
    justify-content: flex-start;
}

.main-maintenance-container::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 84px;
    right: 0;
    width: 237px;
    height: 341px;
    display: block;
    background: url('../media/images/mp-robot.webp');
    border: #FFDD2E
}

.success-mess {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10000;
    border-radius: 20px;
    top: 0;
    left: 0;
}

.success-img {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 164px;
    left: 149px;
    background-size: contain;
    background: none;
}

#success-proc {
    font-family: 'arial-bold';
    font-size: 18px;
    border-radius: 10px;
    padding: 0;
    display: flex;
    width: 352px;
    height: 55px;
    position: absolute;
    bottom: 111px;
    left: 40px;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all ease-in-out 0.5s;
}

.form-header {
    margin-top: -3px;
    width: auto;
    font-family: 'arial-bold';
    font-size: 20px;
    margin-bottom: 25px;
}

form .input-phone {
    display: inline-flex;
    flex-direction: row;
}
form[name="NALOG_FORM"] .fd-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

form[name="NALOG_FORM"] .fd-row div{
    width: 100%;
}

form[name="NALOG_FORM"] .fd-row div:not(:last-child){
    margin-right: 10px;
}


.form-container-mp form {
    width: 352px;
    height: auto;
    transition: all ease-in-out 0.2s;
}

input[name="web_form_submit"] {
    font-family: 'arial-bold';
    font-size: 18px;
    border-radius: 10px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 24px;
    padding: 15px 0 16px 11px;
}

.yellow-btn-style:hover {
    background: #F4CD02 !important;
}

.input-phone input[type="text"]:nth-child(1) {
    padding: 0 0 0 20px;
}

input[type="text"] {
    font-family: "arial-reg";
    color: #000;
    font-size: 16px;
    padding: 18px 0 0 22px;
    width: 100%;
    position: relative;
    height: 51px;
    margin-bottom: 22px;
    border-radius: 10px;
    appearance: none;
    border: 0;
}

.mdl-success {
    display: flex;
    padding: 20px;
    position: relative;
    width: 400px;
    height: auto;
    border-radius: 20px;
    z-index: 10000;
    overflow: visible;
    background: #f1f1f1;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    -webkit-box-shadow: 0px 0px 8px 3px rgba(34, 60, 80, 0.25);
    -moz-box-shadow: 0px 0px 8px 3px rgba(34, 60, 80, 0.25);
    box-shadow: 0px 0px 8px 3px rgba(34, 60, 80, 0.25);
}

.mdl-success-hidden {
    display: none;
}

.mdl-payment-success {
    display: flex;
    padding: 20px;
    position: relative;
    width: 400px;
    height: 400px;
    border-radius: 20px;
    z-index: 10000;
    overflow: visible;
    background: #f1f1f1;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.mdl-payment-success-hidden {
    display: none;
}

.mdl-form-hidden {
    display: none !important;
}

.mdl-form-container .input-container {
    margin-right: 22px;
}

.form-container .input-container {
    margin-right: 22px;
}

.input-container-after::after {
    content: '';
    z-index: 1;
    top: -1px;
    display: block;
    background: url(../media/images/input-icon.svg) no-repeat center center;
    width: 61px;
    height: 53px;
    position: absolute;
    right: 0;
}

.input-container-2 {
    position: relative;
}

.input-container-2 span:nth-child(3) {
    pointer-events: none;
    color: #777777;
    z-index: 1;
    font-family: "arial-reg";
    font-size: 16px;
    position: absolute;
    width: max-content;
    left: 102px;
    top: 17px;
    transition: all ease-in-out 0.2s;
}

.input-container-2 .active-text:nth-child(3) {
    z-index: 1;
    position: absolute;
    width: max-content;
    left: 102px;
    top: 9px;
    font-size: 12px;
    color: #777777;
}

.input-container-2 span:nth-child(4) {
    pointer-events: none;
    color: transparent;
    z-index: 1;
    position: absolute;
    width: max-content;
    right: 20px;
    top: 9px;
    font-size: 12px;
    transition: all ease-in-out 0.2s;
}

.input-container-2 .active-text:nth-child(4) {
    color: #E00202;
}

.input-container-2 span {
    user-select: none;
}

.input-container {
    position: relative;
}

.input-container span {
    user-select: none;
}

.input-container span:nth-child(2) {
    color: #777777;
    pointer-events: none;
    z-index: 1;
    font-family: "arial-reg";
    font-size: 16px;
    position: absolute;
    width: max-content;
    left: 20px;
    top: 17px;
    transition: all ease-in-out 0.2s;
}

.input-container .active-text:nth-child(2) {
    z-index: 1;
    position: absolute;
    width: max-content;
    left: 20px;
    top: 9px;
    font-size: 12px;
    color: #777777;
}

.input-container span:nth-child(3) {
    color: transparent;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    width: max-content;
    right: 20px;
    top: 9px;
    font-size: 12px;
    transition: all ease-in-out 0.2s;
}

.input-container .active-text:nth-child(3) {
    color: #E00202;
}

input[type="text"]:hover {
    box-shadow: 0px 0px 4px 0px #00000033;
}

input[type="text"]:active {
    box-shadow: 0px 0px 4px 0px #00000033;
}

input[type="checkbox"] {
    cursor: pointer;
    background: #fff;
    position: relative;
    appearance: none;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 4px;
    align-self: flex-start;
    border: 1px solid #fff;
    transition: all ease-in-out 0.2s;
    margin-right: 16px;
    min-width: 25px;
}

input[type="checkbox"]:checked::after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 9px;
    margin: 8px 0 0 6px;
    background-size: contain;
    background: url("../media/images/check.svg") no-repeat;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

select:focus {
    outline: none;
}

input:focus {
    outline: none;
}

input[type="text"]:focus-visible {
    border: 0;
}

.input-phone input[type="text"] {
    margin-bottom: 10px;
}


.input-phone input[type="text"]:nth-child(1) {
    color: transparent;
    width: 70px !important;
    margin-right: 10px !important;
}

.input-phone input[type="text"]:nth-child(2) {
    width: 272px;
}

input[type="text"]::placeholder {
    color: #777777;
    font-family: "arial-reg";
    font-size: 16px;
}

form[name="SIMPLE_FORM_2"] input[type="text"] {
    padding: 18px 0 0 20px;
}

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

.form-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #2B2B2B;
    font-size: 12px;
    height: 52px;
}

.agree {
    width: 311px;
    padding: 10px 0;
    font-size: 14px;
    margin-top: -3px;
    height: auto;
}

form[name='SIMPLE_FORM_1'] .agree {
    padding: 5px 0;
}

.accept-btn {
    height: 25px;
    cursor: pointer;
    width: 24px;
    background: #FFFFFF;
    border-radius: 4px;
}

.vector {
    display: none;
    width: 12px;
    height: 9px;
    margin: 8px 0 0 6px;
    background-size: contain;
    background: url("../media/images/Vector.png") no-repeat;
}

.form-footer a {
    color: #8958F2 !important;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.achievements-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 34px 30px 30px;
    width: 432px;
    height: 200px;
}

.column-flex-box {
    display: flex;
    flex-direction: column;
}

.achievements-item span {
    white-space: nowrap;
}

.achievements-item div:nth-child(1) {
    display: flex;
    flex-direction: column;
    width: 221px;
}

.achievements-item span:nth-child(1) {
    display: inline-block;
    font-family: "arial-bold";
    font-size: 30px;
}

.achievements-item span:nth-child(2) {
    font-family: "arial-reg";
    font-size: 18px;
    margin-top: 15px;
}

.achievements-item div:nth-child(2) {
    width: 59px;
    height: 59px;
}

.achievements-item:nth-child(1) div:nth-child(2) {
    background: url("../media/images/achievments-img-1.svg") no-repeat;
    background-size: contain;
}

.achievements-item:nth-child(2) div:nth-child(2) {
    background: url("../media/images/achievments-img-2.svg") no-repeat;
    background-size: contain;
}

.achievements-item:nth-child(3) div:nth-child(2) {
    background: url("../media/images/achievments-img-3.svg") no-repeat;
    background-size: contain;
}

.container-prog {
    display: flex;
    flex-wrap: wrap;
    margin-top: 101px;
    position: relative;
    justify-content: space-between;
}

.prog-image-container {
    display: block;
    position: absolute;
    z-index: 1;
}

.prog-image-container:nth-child(1) {
    background: url("../media/images/prog-img-1.svg") no-repeat;
    background-size: contain;
    width: 798px;
    height: 128px;
    left: 307px;
    top: -79px;
}

.prog-image-container:nth-child(2) {
    background: url("../media/images/prog-img-2.svg") no-repeat;
    background-size: contain;
    bottom: 216px;
    right: 412px;
    width: 503px;
    height: 190px;
}

.prog-image-container:nth-child(3) {
    background: url("../media/images/prog-img-3.svg") no-repeat;
    background-size: contain;
    width: 965px;
    height: 167px;
    right: 92px;
    bottom: -90px;
}

.title_name {
    font-family: "arial-bold";
    font-size: 30px;
    align-self: flex-start;
    margin-top: 60px;
}

.prog-item-1 {
    margin-top: 26px;
    margin-left: 3px;
    width: 544px;
    height: 301px;
}

.prog-item-2 {
    width: 510px;
    height: 320px;
    margin-top: -10px;
    margin-right: 5px;
}

.prog-item-3 {
    margin-top: 81px;
    margin-left: 73px;
    width: 510px;
    height: 262px;
}

.prog-item-4 {
    margin-top: 104px;
    margin-right: 70px;
    width: 523px;
    height: 217px;
}

.prog-item-1 .prog-item-inner {
    padding: 37px 80px 40px 41px;
    transform: rotate(1.1deg);
}

.prog-item-2 .prog-item-inner {
    padding-bottom: 24px;
    transform: rotate(-2deg)
}

.prog-item-3 .prog-item-inner {
    padding: 31px 47px 31px 38px;
    transform: rotate(-2.5deg);
}

.prog-item-4 .prog-item-inner {
    padding: 36px 70px 34px 54px;
    transform: rotate(2deg);
}

.prog-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.prog-item-inner h3 {
    margin: 0;
    font-family: "arial-bold";
    font-size: 20px;
    color: #2B2B2B;
    line-height: 23px;
    font-weight: 700 !important;
}

.prog-item-inner h3:last-child {
    align-self: flex-end;
    font-size: 18px;
}

.prog-item-inner h4 {
    margin: 8px 0 9px 0;
    font-family: "arial-reg";
    font-size: 18px;
    line-height: 25px;
    font-weight: 400 !important;
}

.prog-item-2 h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

.prog-item {
    display: flex;
    justify-content: center;
}

.prog-item-1 {
    position: relative;
    width: 544px;
    transform: rotate(-1.1deg);
}

.prog-item-2 {
    width: 510px;
    transform: rotate(2deg);
}

.prog-item-3 {
    width: 508.72px;
    transform: rotate(2.5deg);
}

.prog-item-4 {
    width: 523px;
    transform: rotate(-2deg);
}

.prog-item-1::after {
    content: "";
    transform: rotate(1.1deg);
    background: url('../media/images/prog-number-1.svg');
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 27px;
    bottom: 283px;
}

.prog-item-2::after {
    content: "";
    transform: rotate(-2deg);
    background: url('../media/images/prog-number-2.svg');
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 30px;
    bottom: 289px;
}

.prog-item-3::after {
    content: "";
    transform: rotate(-2.5deg);
    background: url('../media/images/prog-number-3.svg');
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 15px;
    bottom: 239px;
}

.prog-item-4::after {
    content: "";
    transform: rotate(2deg);
    background: url('../media/images/prog-number-4.svg');
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 12px;
    bottom: 201px;
}

.mp-border-style {
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 2px 6px 0 6px;
    height: 30px;
    background: #294457;
    transform: rotate(-1.1deg);
}

.textblock-rotation {
    transform: rotate(1.1deg) !important;
}

.achiev-section-2 {
    margin-top: 24px;
}

.wrapper-btn {
    position: relative;
    height: 47px;
    width: 1320px;
    float: right;
}

.wrapper-btn-diplom {
    width: 100% !important;
}

.wrapper-btn div {
    background: #F1F1F1;
    width: 47px;
    height: 47px;
    padding: 0 20px 0 0;
    cursor: pointer;
    transform: rotate(180deg);
    position: relative;
    float: right;
    border-radius: 50%;
    transition: all ease-in-out 0.2s;
}

.wrapper-btn div:hover {
    background: #E9E9E9;
}

.wrapper-btn div::after {
    content: '';
    background: url("../media/images/black_arrow.svg") no-repeat;
    width: 11px;
    height: 32px;
    cursor: pointer;
    transform: rotate(180deg);
    position: relative;
    float: right;
}

.wrapper-btn div:nth-child(2) {
    margin-right: 7px;
    transform: rotate(0deg);
    float: right;
}

.container-achiev {
    display: flex;
    flex-direction: column;
    margin-top: 124px;
}

.item-img-achiev {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 3px;
    margin-top: 9px;
}

.item-img-1 {
    background: url("../media/images/achiev-img-1.webp") no-repeat;
    background-position-y: -8px;
    margin-top: 32px;
    background-size: cover;
    /*margin-bottom: 52px;*/
    width: 843px;
    height: 656px;
}

/*.item-img-2{*/
/*    background: url("../media/images/image 83.png") no-repeat;*/
/*    background-size: cover;*/
/*    width: 416px;*/
/*    height: 585px;*/
/*    margin-top: 27px;*/
/*}*/
.title_advants {
    margin: 0 0 27px 0;
}

.section-advants {
    display: flex;
    align-items: flex-start;
    margin-top: 60px;
    /* width: 100%; */
    height: 422px;
}

.advants-list-title-combiner {
    padding: 40px 0px 46px 40px;
}

.advants-list {
    font-size: 24px;
    white-space: nowrap;
    font-family: 'arial-reg', sans-serif;
    width: 514px;
    margin-top: 37px;
}

.advants-list div {
    display: -webkit-box;
    margin-top: 19px;
}

.advants-list div::before {
    margin-right: 14px;
    margin-top: 4px;
    display: block;
    position: relative;
    float: left;
    width: 20px;
    height: 17px;
    background-size: contain;
    background-position: center;
    content: "";
    background: url("../media/images/advants mark.svg") no-repeat;
}

.advants-img {
    background: url("../media/images/advants-img-1.webp") no-repeat;
    background-size: contain;
    background-position: center;
    margin: 29px 29px -38px 0;
    width: 538px;
    height: 441px;
}

.license-list-title-combiner .title-border-style {
    padding: 3px 12px 22px 9px;
    margin-left: -1px;
    margin-right: -3px;
}

.section-license {
    margin-top: 108px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* width: 100%; */
}

.item-img-container {
    display: flex;
    flex-direction: row;
}

.license-list-title-combiner .item-img-1 {
    background: url("../media/images/license-img-1.webp") no-repeat;
    width: 417px;
    height: 534px;
    margin-top: 67px;
}

.license-list-title-combiner .item-img-2 {
    background: url("../media/images/license-img-2.svg") no-repeat;
    width: 269px;
    height: 345px;
    margin: 66px 0 0 11px;
}

.license-list-title-combiner .title_name {
    margin: 0;
}

.license-list {
    line-height: 1.3;
    font-size: 24px;
    font-family: 'arial-reg', sans-serif;
    display: flex;
    white-space: nowrap;
    flex-direction: column;
    width: 531px;
    margin-top: 56px;
}

.license-list div {

    display: -webkit-box;
    margin-bottom: 1px;
}

.license-list div::before {
    content: "";
    width: 17px;
    height: 17px;
    margin-top: 4px;
    margin-right: 16px;
    display: block;
    position: relative;
    background-size: contain;
    background-position: center;
    background: url("../media/images/Group 41.png") no-repeat;
}

.license-item-img {
    background: url("../media/images/license.jpg") no-repeat;
    background-size: contain;
    width: 509px;
    height: 724px;
    margin-top: 107px;
    position: relative;
    overflow: visible;
}

.license-vector {
    background: url("../media/images/license vector.svg") no-repeat;
    position: absolute;
    background-size: cover;
    top: 103px;
    right: 409px;
    width: 250px;
    height: 227px;
    z-index: 1;
}

/*.wrapper-btn > div:hover{*/
/*}*/

/*                  slider-galery                      */

.slider-container-galery {
    position: relative;
    height: 955px;
    width: 1320px;
    overflow: hidden;
}

.title-border-style {
    display: inline-block;
    padding: 3px 5px 22px 9px;
    height: 46px;
    border-radius: 5px;
    color: #fff;
    background: #294457;
}

.title_advants .title-border-style {
    margin-right: -2px;
    margin-left: -1px;
    padding: 4px 12px 21px 9px;
}

.title-name-photogalery .title-border-style {
    margin-top: 4px;
    padding: 3px 11px 1px 13px;
    margin-left: 4px;
}

.director-title-name .title-border-style {
    padding: 5px 12px 25px 10px;
    margin-left: 0px;
    transform: rotate(-0.82deg);
}

.director-title-name span {
    display: block;
    transform: rotate(0.82deg);
}

.yellow-block {
    background: #FFDD2F;
    color: #000;
}

.right-rotation-block {
    transform: rotate(1.35deg);
}

.left-rotation-block {
    transform: rotate(-1.35deg);
}

.left-rotation-block span {
    display: block;
    transform: rotate(1.35deg);
}

.right-rotation-block span {
    display: block;
    transform: rotate(-1.35deg);
}

.slider-galery {
    position: absolute;
    display: flex;
    flex-direction: row;
    height: 948px;
    width: auto;
}

.slider-item-galery {
    width: 1320px;
    height: 908px;
}


/*                  slider-diplom                      */

.slider-container-diplom {
    margin-top: 27px;
    position: relative;
    align-self: end;
    height: 580px;
    /*width: 100%;*/
    width: 416px;
    overflow: hidden;
}

.slider-diplom {
    position: absolute;
    display: flex;
    flex-direction: row;
    height: 585px;
    width: auto;
}

.slider-container-diplom {
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 20px;
}

.slider-item-diplom {
    width: 416px;
    margin-right: 20px;
    height: 585px;
}

.slider-item-diplom img {
    width: 100%;

}

.container-left {
    width: 496px;
}

.marg-block {
    margin-top: 47px;
}

.marg-blder {
    margin-top: 28px;
}

.flex-container {
    display: flex;
    justify-content: space-between;
}

.dir-flex-container {
    display: flex;
    justify-content: space-between;
}

.container-right {
    width: 795px;
}


.container-left {
    width: 496px;
}

.slider-galery {
    margin-left: -10px;
}

.slider-item-galery {
    margin-left: 10px;
}

.marg-block {
    margin-top: 47px;
}

/* .slider-item-galery-1 .marg-blder{
    margin-top: 28px;
}
.slider-item-galery-1 .flex-container{
    display: flex;
    justify-content: space-between;
} */
.dir-flex-container {
    display: flex;
    justify-content: space-between;
}

/*
.slider-item-galery-1 .container-right{
    width: 795px;
}
.slider-item-galery-1 .container-left div:nth-child(1){
    height: 350px;
    background: url("../media/images/image 711.png") no-repeat;
}
.slider-item-galery-1 .container-left div:nth-child(2){
    height: 530px;
    background: url("../media/images/Group 477.png") no-repeat;
}
.slider-item-galery-1 .container-right div:nth-child(1){
    width: 795px;
    height: 546px; 
    background: url("../media/images/image 68.png") no-repeat;
}
.slider-item-galery-1 .flex-container div:nth-child(1){
    width: 384px;
    height: 334px;
    background: url("../media/images/image 73.png") no-repeat;
}
.slider-item-galery-1 .flex-container div:nth-child(2){
    width: 383px;
    height: 334px;
    background: url("../media/images/Group 1320 1.png") no-repeat;
} */
.photo-desc {
    width: auto !important;
    height: auto !important;
    padding: 25px;
    margin: 322px 0 0 358px;
    color: #000000 !important;
    font-size: 25px;
    border-radius: 20px;
}

.director-title-name {
    transform: rotate(-1deg);
    position: relative;
    left: -3px;
    margin-top: 70px;
}

.dir-flex-container {
    margin-top: 80px;
}

.director-container {
    /* width: 100%; */
    transform: rotate(1deg);
    height: 605px;
    position: relative;
    display: flex;
    flex-direction: column !important;
}

.dir-flex-container::before {
    transform: rotate(-1deg);
    top: 152px;
    left: 14px;
    content: "";
    position: absolute;
    width: 146px;
    height: 94px;
    background: url("../media/images/quot.svg") no-repeat;
}

.director-text {
    transform: rotate(-1deg);
    width: 736px;
    height: 265px;
    margin: 76px 89px 75px 70px;
}

.director-text span {
    font-family: 'arial-bold', sans-serif;
}

.director-block {
    transform: rotate(-1deg);
    margin: -106px 16px 38px 0;
}

.director-photo {
    background: url("../media/images/director-img.webp") no-repeat;
    width: 410px;
    background-size: contain;
    height: 409px;
    border-radius: 20px;
}

.director-name {
    margin: 27px 0 0 0;
    font-family: 'arial-bold', sans-serif;
    font-size: 18px;
    color: #000;
}

.gen-director {
    margin-top: 3px;
    color: #777;
}

.title_name span {
    /* height: 52px; */
}

.title-name-photogalery {
    display: flex;
    align-self: auto;
    justify-content: flex-start;
    margin-top: 56px;
}

.btn-photogalery {
    top: -19px;
    margin-bottom: -36px;
}

/* footer */
.footer {
    color: #2B2B2B;
    border-top: 1px solid #F1F1F1;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    margin: 64px 0;
}

.wrapper-footer {
    width: 1320px;
}

.footer-row:nth-child(2) {
    align-items: center;
}

.footer-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 46px;
}

.footer-menu a {
    color: #606060;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
}

.footer-menu a:hover {
    color: #77A03A;;
}

.footer-menu {
    list-style-type: none;
    padding: 0;
}

.footer-menu-header {
    font-family: 'arial-bold', sans-serif;
}

.footer-menu-header-1 {
    padding-left: 2px;
}

.footer-menu-header-2 {

}

.footer-menu-header-3 {

}

.footer-menu-header-4 {

}

.footer-adres {
    list-style-type: disc;
    margin: 19px 0 0 53px;
    color: #606060;
}

.footer-adres-header {
    position: relative;
    padding-left: 28px;
    margin-top: 25px;
}

.footer-adres-2 {
    /* margin: 18px 0 0 14px; */
}

.footer-adres li:not(:first-child) {
    margin-top: 15px;
}

.footer-adres-header::before {
    content: "";
    left: 0;
    display: block;
    position: absolute;
    background: url("../media/images/marker-footer.svg") no-repeat;
    width: 16px;
    height: 20px;
}

.footer-block-1 {
    width: 245px;
}

.footer-block-2 {
    margin-right: 0px;
    width: 231px;
}

.footer-block-3 {
    width: 245px;
    margin-right: 5px;

}

.footer-block-2 .footer-menu li:not(:first-child) {
    margin-top: 14px !important;
}

.footer-block-4 {
    width: 300px;
}

.footer-menu {
    margin-top: 22px;
}

.footer-menu li:not(:first-child) {
    margin-top: 12px;
}

.footer-phone {
    font-size: 30px;
    padding: 13px 25px;
    margin-top: 14px;
}

.footer-phone span {
    color: #777777;
    font-size: 26px;
}

.footer-socmedia {
    margin: 48px 0 27px 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer-ok {
    width: 49px;
    height: 49px;
    background: url("../media/images/OK.svg") no-repeat;
}

.footer-vk {
    width: 51px;
    height: 49px;
    background: url("../media/images/VK.svg") no-repeat;
}

.footer-ytb {
    width: 70px;
    height: 49px;
    background: url("../media/images/ytb.svg") no-repeat;
}

.footer-socmedia-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F1F1F1;
    border-radius: 15px;
    width: 61px;
    height: 49px;
    font-size: 20px;
}

.footer-payment {
    color: #8B8B8B;
    font-size: 12px;
    letter-spacing: .6;
}

.footer-payment-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.footer-mir {
    width: 95px;
    height: 26px;
    margin-left: 3px;
    background: url("../media/images/mir.svg") no-repeat;
}

.footer-mastercard {
    margin-top: -2px;
    width: 54px;
    height: 34px;
    background: url("../media/images/mc.svg") no-repeat;
}

.footer-visa {
    width: 77px;
    height: 26px;
    background: url("../media/images/visa.svg") no-repeat;
}

.footer-logo {
    width: 387px;
    height: 87px;
    background: url("../media/images/footer-logo.svg") no-repeat;
}

.ui {
    letter-spacing: 0.6;
    text-align: end;
    color: #8B8B8B;
}

.ui a {
    color: #2A7ABE;
}

.bx-breadcrumb {
    display: flex;
    font-size: 13px;
    margin-top: 19px;
}

.bx-breadcrumb-item {
    color: #B0969C;
}

.bx-breadcrumb-item a span {
    color: #000;
    padding: 0 5px;
}

.bx-breadcrumb .bx-breadcrumb-item:last-child {
    color: #000;
}

.btn {
    font-family: 'arial-bold', sans-serif;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    display: block;
    font-size: 18px;
    position: relative;
}


.wrapper {
    width: 1320px;
}

.wrapper-course {
    margin-top: 15px;
}

section.robotics {
    display: flex;
}

ul {
    list-style-type: none; /* Убирает буллиты */
}

ul.new-mark li {
    display: flex;
}

ul.new-mark li:before {
    content: '';
    background: url(../media/images/new-mark.svg) no-repeat;
    display: block;
    min-width: 19px;
    height: 18px;
    margin-right: 10px;
}

.about {
    font-size: 20px;
    margin: 30px 0;
    max-width: 585px;
    padding: 15px 20px;
    background: #F1F1F1;
    border-radius: 10px;
}

.robotics ul.new-mark {
    margin: 46px 0 0 30px;
}

ul.new-mark li {
    display: flex;
    margin-bottom: 24px;
    font-size: 20px;
}

ul.new-mark li:last-child {
    display: flex;
    margin-bottom: 39px;
}

.robotics .record {
    max-width: 359px;
}

.button-container {
    width: 654px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gray-btn-style {
    background: #F1F1F1;
    color: #2B2B2B;
}

.robotics .children {
    max-width: 275px;
}

.section-img-container {
    position: relative;
}

.section-img-container img {
    position: absolute;
    top: 41px;
    left: -7px;
}

.robotics-achievements {
    margin: 30px 0;
}

.mp-bgr-grey.robotics-achievements-item {
    width: 427px;
    height: 217px;
    padding: 30px;
}

.robotics-achievements-item-top div:first-child {
    display: flex;
    flex-direction: column;
}

.robotics-achievements-item-top {
    display: flex;
    justify-content: space-between;
}

.robotics-achievements-item-top span:first-child {
    font-size: 30px;
    font-family: 'arial-bold', sans-serif;
}

.robotics-achievements-item-top span:last-child {
    margin-top: 20px;
}

.robotics-achievements-item-bottom a {
    display: flex;
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 20px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
    transition: all ease-in-out .2s;
}

.robotics-achievements-item-bottom a:hover {
    color: #77A03A;
    border: 1px solid #77A03A;
}

.robotics-achievements-item-bottom a:hover i {
    background: url(../media/images/green-arrow-right-1.svg) no-repeat;
}

.robotics-achievements-item-bottom i {
    content: '';
    background: url(../media/images/black-arrow-right.svg) no-repeat;
    display: block;
    width: 7px;
    height: 15px;
}

h2 {
    margin: 0;
    font-size: 30px;
    font-family: 'arial-bold', sans-serif;
}

section.educational-program {
    margin-top: 60px;
}

.educational-program-text {
    padding: 20px 25px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    max-width: 650px;
}

.educational-program-title {
    margin-bottom: 40px;
}

.educational-program-container {
    display: flex;
    justify-content: space-between;
}

.educational-program-container:last-child {
    margin-top: 20px;
}

.slider-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 20px;
}

.slider {
    display: flex;
    transition: margin-left 0.5s ease;
    margin-left: 0; /* ensure initial margin is 0 */
}

.slider-lessons .slider-item {
    min-width: 520px;
    box-sizing: border-box;
}

.slider-btn {
    position: absolute;
    bottom: 30px;
    background: #F1F1F1;
    width: 47px;
    height: 47px;
    cursor: pointer;
    transform: rotate(0deg);
    float: right;
    border-radius: 50%;
    padding: 7px 0 0 20px;
}

.slider-btn:hover {
    background: #E9E9E9;
}

.slider-btn::after {
    position: relative;
    background: url("../media/images/black_arrow.svg") no-repeat center center;
    content: '';
    width: 11px;
    display: block;
    height: 32px;
}

.ul-lessons-container {
    display: flex;
    align-items: center;
}

.btnPrev {
    right: 84px;
}

.btnNext {
    right: 30px;
}

.slider-lessons {
    width: 520px;
    position: relative;
}

.slider-btn.btnPrev {
    transform: rotate(180deg);
}

section.lessons {
    margin-top: 54px;
}

.lessons-main {
    margin-top: 33px;
    display: flex;
}

.ul-lessons-container ul.new-mark li {
    margin-bottom: 23px;
    max-width: 725px;
    align-items: center;
}

.ul-lessons-container {
    display: flex;
    margin-left: 49px;
    margin-top: 6px;
}

section.educational-robotics {
    margin-top: 36px;
}

.educational-robotics-main {
    display: flex;
    position: relative;
}

.educational-robotics-main:after {
    content: '';
    background: url("../media/images/Group 1798.svg") no-repeat center center;
    width: 100%;
    position: absolute;
}

.educational-robotics-text-container:first-child {
    margin-top: 33px;
}

.educational-robotics-img img {
    position: absolute;
    top: 33px;
}

.educational-robotics-img {
    position: relative;
    width: 377px;
}

.educational-robotics-text {
    margin-bottom: 30px;
    max-width: 619px;
    padding: 24px 131px 22px 28px;
    background: #F1F1F1;
    border-radius: 20px;
    font-size: 20px;
    position: relative;
}

.educational-robotics-text span {
    font-family: 'arial-bold', sans-serif;
}

.educational-robotics-text:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 107px;
    height: 58px;
    background: #FFDD2F;
    border-radius: 0 20px 0 20px;
    top: 0;
    right: 0;
}

.educational-robotics-text-container {
    margin-top: 33px;
}

.educational-robotics-text:nth-child(2) {
    left: 109px;
}

.educational-robotics-text:nth-child(3) {
    left: 218px;
}

.educational-robotics-text:nth-child(4) {
    left: 324px;
}

.educational-robotics {
    position: relative;
}

.educational-robotics:after {
    content: '';
    background: url("../media/images/Group 1798.svg") no-repeat center center;
    position: absolute;
    width: 409px;
    height: 450px;
    right: 16px;
    top: 90px;
}

section.special {
    margin-top: 28px;
}

.special-main {
    margin-top: 33px;
}

.special-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.special-item {
    width: 100%;
    max-width: 426px;
    max-height: 187px;
    padding: 30px;
    border-radius: 20px;
    background: #F1F1F1;
    display: flex;
    flex-direction: column;
    margin-bottom: 21px;
}

.special-item-title {
    font-family: 'arial-bold', sans-serif;
    font-size: 24px;
}

.special-item-text {
    flex-grow: 1;
    margin-top: 16px;
}

.special-item:nth-child(2n) {
    background: #FFF;
    border: 1px solid #D9D9D9;
    position: relative;
}

.special-item:nth-child(2):after {
    content: '';
    background: url("../media/images/icon_book.svg") no-repeat center center;
    top: 0;
    right: 0;
    position: absolute;
    width: 68px;
    height: 52px;
}

.special-item:nth-child(4):after {
    content: '';
    background: url("../media/images/icon_shlyapa.svg") no-repeat center center;
    top: 0;
    right: 0;
    position: absolute;
    width: 68px;
    height: 52px;
}

.special-item:nth-child(6):after {
    content: '';
    background: url("../media/images/icon_zvezda.svg") no-repeat center center;
    top: 0;
    right: 0;
    position: absolute;
    width: 68px;
    height: 52px;
}

section.laboratory {
    margin-top: 33px;
}

.laboratory-main {
    display: flex;
    margin-top: 23px;
    justify-content: space-between;
}

.laboratory-text {
    width: 100%;
    padding: 26px 29px;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}

.laboratory-container-right .laboratory-img {
    margin-top: 18px;
}
section.construction-laboratory .laboratory-container-right .laboratory-img{
    margin-top: 37px;
}
.laboratory-third-photo {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.laboratory-slider {
    max-width: 717px;
}

.laboratory-slider .slider-item {
    min-width: calc(100vw - 40px);
    box-sizing: border-box;
}


.laboratory-slider .slider-btn {
    top: 30px;
}

section.diplom {
    margin-top: 60px;
}

.diplom-text {
    max-width: 810px;
    margin-top: 17px;
}

.diplom-main .item-img-1.achiev-section-1 {
    margin-top: 16px;
}

.diplom-main .column-flex-box.achiev-section-2 {
    position: relative;
}

.diplom-main .wrapper-btn.wrapper-btn-diplom {
    position: absolute;
    top: -69px;
}

.diplom-main .column-flex-box.achiev-section-2 {
    margin-top: 0;
}

.diplom-main .slider-container-diplom {
    margin-top: 5px;
}

.diplom-main .slider-container-diplom {
    width: 442px;
    height: 621px;
}

.diplom-main .slider-item-diplom {
    width: 442px;
    height: 621px;
}

section.address {
    margin-top: 60px;
}

.address-text {
    max-width: 725px;
    margin-top: 17px;
}

.address-item {
    padding: 30px;
    border: 1px solid #D9D9D9;
    max-width: 426px;
    border-radius: 20px;
    width: 100%;
    position: relative;
}

.address-items {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
}

.address-item-title {
    font-size: 24px;
    font-family: 'arial-bold', sans-serif;
}

.address-item-text {
    margin-top: 15px;
}

.address-item:after {
    content: '';
    background: url("../media/images/icon_location.svg") no-repeat center center;
    top: 0;
    right: 0;
    position: absolute;
    width: 68px;
    height: 52px;
}

.construction .about {
    max-width: 802px;
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    padding: 25px 30px;
    margin-top: 22px;
    font-family: 'arial-bold', sans-serif;
    position: relative;
    z-index: 2;
}

.construction .text {
    max-width: 687px;
    margin: 35px 30px;
    font-size: 20px;
}

section.construction {
    display: flex;
}

.construction .section-img-container img {
    position: absolute;
    top: 20px;
    left: -46px;
}

.construction .button-container {
    width: 748px;
    margin-top: 42px;
}

.construction a.children.btn.gray-btn-style {
    max-width: 257px;
    font-size: 20px;
}

.construction a.record.btn.yellow-btn-style {
    max-width: 470px;
    font-size: 20px;
}

section.construction-educational-program {
    margin-top: 53px;
}

.construction-educational-program .educational-program-title {
    margin-bottom: 33px;
}

.construction-educational-program .educational-program-text {
    padding: 26px 29px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    max-width: 729px;
}

.construction-educational-program .educational-program-main {
    display: flex;
    justify-content: space-between;
}

.construction-educational-program .educational-program-imgs {
    display: flex;
}

.construction-educational-program .educational-program-img-container {
    margin-left: 19px;
}

.construction-educational-program .educational-program-img-container .educational-program-img:nth-child(1) {
    margin-bottom: 20px;
}

section.triz {
    margin: 53px 0;
}

.triz-main {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
}

.triz-main-text {
    padding: 26px 30px;
    border-radius: 20px;
    max-width: 838px;
    background: #F1F1F1;
}

.triz-bottom {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.triz-bottom-text {
    padding: 26px 26px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    max-width: 838px;
}

section.construction-laboratory {
    margin-top: 32px;
}

section.construction-laboratory .laboratory-main {
    margin-top: 33px;
}

section.construction-laboratory .laboratory-slider .slider-item {
    min-width: calc(100vw - 40px);
}

section.construction-laboratory .laboratory-slider {
    max-width: 627px;
}

section.construction-laboratory .laboratory-third-photo {
    margin-top: 20px;
}

section.construction-laboratory .laboratory-text {
    max-width: 672px;
}

section.construction-laboratory .laboratory-slider .slider-btn {
    bottom: 13px;
    top: unset;
}

section.construction-laboratory .btnPrev {
    right: 75px;
}

section.construction-laboratory .btnNext {
    right: 16px;
}

section.construction-laboratory .laboratory-slider:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 137px;
    height: 73px;
    background: #FFFFFF;
    border-radius: 20px 0 20px 0;
    bottom: 0;
    right: -1px;
}

.laboratory-slider .slider-btn {
    z-index: 10;
}

.scratch .about {
    font-size: 20px;
    margin: 21px 0;
    max-width: 594px;
    padding: 25px 30px;
    border-radius: 20px;
    font-family: 'arial-bold', sans-serif;
    background: #fff;
    border: 1px solid #D9D9D9;
}

.scratch .text {
    max-width: 551px;
    margin-top: 27px;
    margin-left: 30px;
    font-size: 20px;
}

section.scratch {
    display: flex;
}

section.scratch .section-img-container img {
    position: absolute;
    top: 6px;
    left: -148px;
}

section.scratch .button-container {
    width: 791px;
    margin-top: 73px;
}

section.scratch .gray-btn-style {
    background: #F1F1F1;
    color: #2B2B2B;
    max-width: 302px;
    margin-left: 18px;
}

section.scratch .btn {
    font-size: 20px;
}

section.scratch-about {
    margin-top: 54px;
}

section.scratch-about .laboratory-main {
    margin-top: 32px;
}

section.scratch-about .laboratory-container-right {
    max-width: 651px;
}

section.scratch-about .laboratory-third-photo {
    margin-top: 0;
}

section.scratch-about .laboratory-container-left .laboratory-img {
    margin-top: 17px;
}

section.example {
    margin: 53px 0;
}

.example-items {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
}

.example-item {
    padding: 20px 20px 0 20px;
    position: relative;
    min-height: 332px;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}

.example-item-title {
    text-align: center;
    margin-top: 25px;
    font-size: 20px;
}

a.example-item-link {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FFDD2F;
    border-radius: 20px 0 20px 0;
    width: 158px;
    height: 53px;
    align-items: center;
    justify-content: center;
    font-family: 'arial-bold', sans-serif;
}

.diplom2 .diplom-text {
    max-width: 833px;
    margin-top: 17px;
}

.diplom2 .title_name {
    margin-top: 40px;
}

section.diplom2 {
    margin-top: 34px;
}

section.neyro {
    display: flex;
}

section.neyro .text {
    max-width: 718px;
    margin-top: 25px;
    margin-left: 30px;
    font-size: 20px;
}

section.neyro .about {
    font-size: 20px;
    margin: 20px 0;
    max-width: 771px;
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    font-family: 'arial-bold', sans-serif;
    padding: 25px 30px;
}

section.neyro .button-container {
    width: 748px;
    margin-top: 50px;
}

section.neyro a.record.btn.yellow-btn-style {
    max-width: 470px;
    font-size: 20px;
}

section.neyro a.children.btn.gray-btn-style {
    max-width: 257px;
    font-size: 20px;
}

section.neyro .section-img-container img {
    position: absolute;
    top: 1px;
    left: -93px;
}

section.neyro-stack .stack-title {
    margin: 60px 0 44px 0;
}

section.neyro-stack .stack-img {
    margin-bottom: 60px;
}

section.neyro-stack .stack-container-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.neyro-stack .stack-label {
    text-align: center;
    margin-top: 30px;
}

section.neyro-stack .stack-container-img .stack-img:not(:last-child):not(:nth-child(4)) {
    margin-right: 100px;
}

section.neyro-about .laboratory-main {
    margin-top: 31px;
}

section.neyro-about .laboratory-container-left {
    margin: 0 23px 0 0;
}

section.neyro-about h4 {
    margin: 0;
    display: inline-block;
}

section.neyro-about .laboratory-container-img {
    display: flex;
    flex-wrap: wrap;
}

section.neyro-about .laboratory-text {
    margin-bottom: 20px;
    padding: 24px 30px;
}

section.neyro-about .laboratory-container-right .laboratory-img:nth-child(1) {
    margin: 0;
}

section.neyro-about .laboratory-container-img .laboratory-img:nth-child(1) {
    margin: 0 20px 0 0;
}

section.neyro-about .laboratory-container-img .laboratory-img:nth-child(2) {
    margin-top: 0;
}

section.neyro-about .laboratory-container-img .laboratory-img:nth-child(3) {
    margin: 20px 20px 0 0;
}

section.neyro-about .laboratory-container-img .laboratory-img:nth-child(4) {
    margin: 20px 0 0 0;
}

section.neyro-progects .progects-title {
    margin-top: 40px;
}

section.neyro-progects .progects-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

section.neyro-progects .progects-item {
    position: relative;
    border-radius: 20px;
    padding: 40px 30px;
    background: #F1F1F1;
    border: 1px solid #F1F1F1;
    margin: 20px 0 15px 0;
}

section.neyro-progects .progects-item-num {
    font-size: 25px;
    position: absolute;
    width: 52px;
    height: 52px;
    top: -1px;
    right: -1px;
    width: 52px;
    height: 52px;
}

section.neyro-progects .progects-item:nth-child(1) .progects-item-num {
    background: url(../media/images/progects-item-num-1.svg) no-repeat center center;
}

section.neyro-progects .progects-item:nth-child(2) .progects-item-num {
    background: url(../media/images/progects-item-num-2.svg) no-repeat center center;
}

section.neyro-progects .progects-item:nth-child(3) .progects-item-num {
    background: url(../media/images/progects-item-num-3.svg) no-repeat center center;
}

section.neyro-progects .progects-item:nth-child(4) .progects-item-num {
    background: url(../media/images/progects-item-num-4.svg) no-repeat center center;
}

section.neyro-progects .progects-item:nth-child(5) .progects-item-num {
    background: url(../media/images/progects-item-num-5.svg) no-repeat center center;
}

section.neyro-progects .progects-item:nth-child(6) .progects-item-num {
    background: url(../media/images/progects-item-num-6.svg) no-repeat center center;
}

section.neyro-progects .progects-item:nth-child(7) .progects-item-num {
    background: url(../media/images/progects-item-num-7.svg) no-repeat center center;
}

section.neyro-progects .progects-item:nth-child(8) .progects-item-num {
    background: url(../media/images/progects-item-num-8.svg) no-repeat center center;
}

section.neyro-progects .progects-item-1 {
    width: 643px;
    height: 227px;

}

section.neyro-progects .progects-item-2 {
    width: 658px;
    border: 1px solid #D9D9D9;
    background: #fff;
}

section.neyro-progects .progects-item-3 {
    width: 626px;
    height: 177px;
    border: 1px solid #D9D9D9;
    background: #fff;
}

section.neyro-progects .progects-item-4 {
    width: 675px;
    height: 177px;

}

section.neyro-progects .progects-item-5 {
    width: 705px;
    height: 202px;

}

section.neyro-progects .progects-item-6 {
    width: 598px;
    height: 202px;
    border: 1px solid #D9D9D9;
    background: #fff;
}

section.neyro-progects .progects-item-7 {
    width: 568px;
    height: 177px;
    border: 1px solid #D9D9D9;
    background: #fff;
}

section.neyro-progects .progects-item-8 {
    width: 733px;
    height: 177px;
}

section.neyro-progects .progects-item-title {
    font-family: 'arial-bold';
    font-size: 20px;
    margin-bottom: 20px;
}

section.neyro-progects .progects-footer {
    position: relative;
    background: #F1F1F1;
    padding: 30px;
    border-radius: 20px;
    margin-top: 40px;
}

section.neyro-progects .progects-footer h4 {
    margin: 0 0 0 84px;
    display: inline-block;
}

section.neyro-progects .progects-footer:before {
    content: '';
    background: url(../media/images/faqs-icon.svg) no-repeat center center;
    top: -9px;
    left: 30px;
    position: absolute;
    width: 64px;
    height: 42px;
}

section.python {
    display: flex;
}

section.python .text {
    max-width: 551px;
    margin-top: 25px;
    margin-left: 30px;
    font-size: 20px;
}

section.python .about {
    font-size: 20px;
    margin: 20px 0;
    max-width: 585px;
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    font-family: 'arial-bold', sans-serif;
    padding: 25px 30px;
}

section.python .button-container {
    width: 748px;
    margin-top: 50px;
}

section.python a.record.btn.yellow-btn-style {
    max-width: 470px;
    font-size: 20px;
}

section.python a.children.btn.gray-btn-style {
    max-width: 257px;
    font-size: 20px;
}

section.python .section-img-container img {
    position: absolute;
    top: 1px;
    left: -93px;
}

.python-about {
    margin: 54px 0;
}

.python-about .laboratory-container-left {
    margin-left: 20px;
}

.python-about .laboratory-container-right .laboratory-img {
    margin-top: 19px;
}

section.scratch-about .laboratory-container-left .laboratory-img {
    margin-bottom: 20px;
}

section.python-about .laboratory-main {
    margin-top: 36px;
}

section.python-about .laboratory-text {
    padding: 24px 28px;
}

section.python-about .laboratory-container-left .laboratory-img {
    margin-top: -3px;
    margin-bottom: 20px;
}

section.python-about .laboratory-container-left .laboratory-text:last-child {
    margin-top: 24px;
}

section.masterilka .about {
    max-width: 770px;
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    padding: 25px 30px;
    font-family: 'arial-bold', sans-serif;
    margin: 30px 0 0 0;
}

section.masterilka {
    margin-top: 22px;
    display: flex;
}

section.masterilka .text {
    font-size: 20px;
    max-width: 730px;
    padding: 25px 30px;
}

section.masterilka .section-img-container img {
    position: absolute;
    top: 70px;
    left: 20px;
}

section.masterilka .button-container {
    width: 830px;
    margin-top: 16px;
}

section.masterilka a.children.btn.gray-btn-style {
    max-width: 341px;
    font-size: 20px;

}

section.masterilka a.record.btn.yellow-btn-style {
    max-width: 470px;
    font-size: 20px;
}

section.example-yt {
    margin-top: 38px;
}

section.example-yt .example-item {
    padding: unset;
    position: relative;
}

section.example-yt .example-item:after {
    content: '';
    background: url("../media/images/yt-icon.svg") no-repeat center center;
    bottom: 0;
    right: 0;
    position: absolute;
    width: 57px;
    height: 57px;
}

section.masterilka .section-img-container img {
    position: absolute;
    top: 71px;
    left: -40px;
}

section.masterilka-construction-laboratory {
    margin-top: 52px;
}

section.masterilka-construction-laboratory .laboratory-main {
    margin-top: 32px;
}

section.masterilka-construction-laboratory .laboratory-text-u {
    margin-top: 20px;
    padding: 25px 30px;
}

section.masterilka-construction-laboratory .laboratory-slider {
    max-width: 627px;
}

section.masterilka-construction-laboratory .laboratory-container-right {
    width: 673px;
}


section.olimpic .text {
    font-size: 20px;
    margin: 20px 0;
    max-width: 895px;
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    font-family: 'arial-bold', sans-serif;
    padding: 25px 30px;
}

.form-flex-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.payment input[type="checkbox"] {
    border: 1px solid #D9D9D9;
}

.payment .agree {
    width: 541px !important;
}

.payment .form-footer {
    margin-top: 22px;
}

.payment .btn-style {
    font-weight: 700;
    border-radius: 10px !important;
    font-size: 16px;
}
section.nalog .about{
    max-width: 1200px;
    font-size: 18px;
    margin: 16px 0;
    padding: 0;
    background: none;
    border-radius: none;
}
.nalog-form-body{
    padding: 24px 30px 0px 30px;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: 20px;
}
.form-footer-section-right .agree{
    form-footer-section-right
}
.nalog-form{
    display: flex;
    flex-direction: column;
    justify-items: center;
}
.nalog-form-body h3{
    margin: 0 0 18px 0;
    font-size: 24px;
    font-family: 'arial-bold';
}

.nalog-form-section {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 8px;
}
/*.nalog-form-section .input-container-after::after{*/
/*    !*display: none;*!*/
/*}*/
.nalog-form-body{
    position:relative;
}
.nalog-form-body::after{
    position: absolute;
    content: '';
    background: url(../media/images/nalog-form-icon.svg) no-repeat center center;
    display: block;
    width: 76px;
    height: 51px;
    top: -1px;
    right: -1px;
}

.form-section-left{
    margin: 0 10px 0 0;
    width: 100%;
}
.form-section-right{
    margin: 0 0 0 10px;
    width: 100%;
}
.form-footer-section-right{
    display: flex;
    flex-direction: row !important;
}
.form-footer-section-righ .about{
    width: 100% !important;
}
.nalog-form-section input[type="text"]{
    background: #f1f1f1;
    height: 51px;
    margin-bottom: 18px;
}
.nalog-form-section input[type="checkbox"] {
    border: 1px solid #D9D9D9;
}
.nalog-form-section .btn-style{
    margin: 0 0 12px 0;
    font-weight: 700;
    border-radius: 10px !important;
    font-size: 16px;
    width: 100%;
}

.input-data{
    position: relative;
}


.input-data::after{
    content: '';
    width: 25px;
    right: 20px;
    height: 25px;
    top: 13px;
    position: absolute;
    background: url(../media/images/calendar.svg) no-repeat center center;
}
.nalog-form-section.nalog-form-footer-section {
    width: 95%;
}
.nalog-form-section.nalog-form-footer-section .agree{
    padding: 5px 0;
    width: 80%;
}
.nalog-form-footer{
    display: flex;
    margin: 30px 0;
    flex-direction: column;
    align-items: center;
}
.form-section {
    display: flex;
    flex-direction: column;
}

.form-section:nth-child(2) {
    width: 640px;
    padding: 25px 0 0 0;
    position: relative;
}

.form-section:nth-child(2)::after {
    position: absolute;
    content: '';
    background: url(../media/images/payment_icon.svg) no-repeat center center;
    display: block;
    width: 76px;
    height: 51px;
    top: 4px;
    right: 1px;
}

.form-section:nth-child(2) input[type="text"] {
    text-align: center;
}

.form-section:first-child {
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    padding: 24px 30px 15px 29px;
    width: 650px;
    height: auto;
    margin-bottom: 0;
}

.form-section input[type="text"] {
    background: #f1f1f1;
    height: 51px;
    margin-bottom: 18px;
}

section.olimpic .section-title {
    margin-bottom: 29px;
}

.payment .section-title {
    font-size: 30px;
}

.payment .about {
    font-size: 18px;
    margin: 16px 0;
    max-width: 1200px;
    padding: 0;
    background: none;
    border-radius: none;
}

.payment h3 {
    font-size: 24px;
    margin: 0 0 24px 0;
}

.payment h3:not(:first-child) {
    margin-top: 17px;
}

.payment .input-phone input[type="text"]:nth-child(2) {
    width: 510px;
}

section.olimpic .text:nth-child(3) {
    font-family: 'arial-reg', sans-serif;
    font-size: 20px;
}

section.olimpic .button-container-title {
    margin-top: 20px;
    font-family: 'arial-bold', sans-serif;
}

section.olimpic .button-container {
    margin-top: 20px;
    width: 833px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.olimpic .btn {
    font-family: 'arial-bold', sans-serif;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    display: block;
    font-size: 20px;
}

section.olimpic .section-img-container img {
    position: absolute;
    top: 8px;
    left: 17px;
}

section.olimpic .gray-btn-style:last-child {
    margin-left: 20px;
}

section.olimpic .section-img-container {
    position: unset;
}

section.olimpic .section-50:last-child {
    display: flex;
    align-items: flex-end;
    position: relative;
}

section.olimpic .section-img-title {
    width: 100%;
    margin-bottom: 2px;
    margin-left: 20px;
    font-family: 'arial-bold', sans-serif;
    font-size: 20px;
}

.section-img-title-min {
    font-family: 'arial-reg', sans-serif;
    font-size: 18px;
    margin-top: 6px;
    color: #777777;
}

section.olimpic .button-container-b:last-child {
    width: 473px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -1px;
}

section.olimpic {
    display: flex;
    margin-bottom: -5px;
}

.btn-question {
    width: 24px;
    border-radius: 12px;
    height: 24px;
}

.question-icon {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin-right: 22px;
}

.btn-question span {
    z-index: 2;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    position: absolute;
    height: 2px;
    width: 14px;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.btn-question span:nth-child(2) {
    top: 11px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 5.5px;
}

.btn-question span:nth-child(1) {
    top: 11px;
    left: 5.5px;
}

.question {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    height: 54px;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
    font-family: 'arial-bold', sans-serif;
    font-size: 18px;
    border: 1px solid #C1BDBD;
}

.question:last-child {
    margin-bottom: 0;
}

.asked {
    height: 0;
    display: flex;
    overflow: hidden;
    align-items: center;
    padding: 0 30px;
}

.faq .toggle-show {
    border-radius: 5px;
    margin: 10px 0;
}

i.btn-question.toggle-plus span:nth-child(2) {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

section.olimpic-faq {
    margin-top: 54px;
}

.faqs {
    margin-top: 33px;
}

.faq {
    position: relative;
}

.faq:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 70px;
    height: 53px;
    background: #FFDD2F;
    border-radius: 0 10px 10px 20px;
    top: 0;
    right: 0;
    transition: all ease-in-out 0.2s;
    z-index: -1;
}

.faq:hover:after {
    background: #F4CD02F4;
}

.olimpic-faq .text {
    position: relative;
}

.olimpic-faq .text:before {
    content: '';
    background: url("../media/images/faqs-icon.svg") no-repeat center center;
    top: -9px;
    left: 30px;
    position: absolute;
    width: 64px;
    height: 42px;
}

section.olimpic-faq .container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: unset;
    flex-direction: column;
}

.olimpic-faq .text {
    position: relative;
    background: #F1F1F1;
    padding: 30px;
    border-radius: 20px;
    margin-top: 40px;
}

.olimpic-faq .text p {
    text-indent: 85px;
    margin: 0;
}

.olimpic-faq .text strong {
    font-size: 18px;
    font-family: 'arial-bold', sans-serif;
}

section.price {
    margin-top: 20px;
}

.price-main {
    margin-top: 34px;
}

.prices-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prices-item {
    width: 420px;
    height: 330px;
    margin-bottom: 32px;
    perspective: 1000px;
    cursor: pointer;
}

.prices-item-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.8s;
}

.prices-item:hover .prices-item-inner {
    transform: rotateY(180deg);
}
.prices-item-front img{
    position: absolute;
    bottom: -1px;
    right: -1px;
}
.prices-item-front,
.prices-item-back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    padding: 27px 34px 40px 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.prices-item-back {
    transform: rotateY(180deg);
    /* border: none; */
}

h3.prices-item-title,
h3.prices-item-title-1 {
    margin: 0;
    font-size: 24px;
    font-family: 'arial-bold', sans-serif;
}

.prices-item-title-1 {
    text-align: center;
}

.prices-item-text {
    margin-bottom: 29px;
    font-size: 20px;
}

.prices-item-img img {
    margin-top: -13px;
    width: 100%;
}

.prices-item-footer {
    background: #F1F1F1;
    border-radius: 20px;
    padding: 20px;
    font-size: 20px;
}

.prices-item-footer-time {
    display: flex;
}

.prices-item-footer-coast {
    display: flex;
    margin-top: 16px;
}

.prices-item-button a {
    height: 51px;
    background: #FFDD2F;
    width: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: -10px;
    transition: background ease-in-out 0.2s;
}

.prices-item-button a:hover {
    background: #F4CD02;
}

.prices-item-footer-time:before {
    content: '';
    display: block;
    background: url("../media/images/clock.svg") no-repeat center center;
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.prices-item-footer-coast:before {
    content: '';
    display: block;
    background: url("../media/images/receipt-item.svg") no-repeat center center;
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.prices-item .prices-item-front:before {
    content: '';
    bottom: -2px;
    right: -2px;
    position: absolute;
    width: 90px;
    height: 68px;
}

.contact-info {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.footer-socmedia-container .footer-socmedia {
    margin: 0;
    width: 203px;
}

.contact-info-tel-button {
    width: 247px;
    height: 47px;
    background: #FFDD2F;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
    transition: all ease-in-out 0.2s;
}

.contact-info-tel-button:hover {
    background: #F4CD02;
}

.contact-info-email {
    font-size: 24px;
    margin-left: 30px;
    font-family: 'arial-bold', sans-serif;
}

.contact-item {
    border: 1px solid #C1BDBD;
    border-radius: 20px;
    margin: 29px 0;
    padding: 25px 30px;
}

.contact-item-title {
    font-size: 24px;
    font-family: 'arial-bold', sans-serif;
}

.contact-item-geo {
    margin: 24px 0 20px 0;
    display: flex;
}

.contact-item-geo:before {
    content: '';
    background: url("../media/images/contact-geo.svg") no-repeat center center;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 18px;
}

.contact-item-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.contact-item-slider-wrapper {
    display: flex;
    transition: transform 0.5s ease;
}

.contact-item-slider-img-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.contact-item-slider .slider-btn {
    bottom: 20px;
    width: 35px;
    height: 35px;
    background-size: contain;
    top: unset;
}

.contact-item-slider-img {
    width: 50%;
    box-sizing: border-box;
}

.contact-item-slider .slider-btn {
    position: absolute;
    top: 50%;
    border: none;
    cursor: pointer;
    padding: 2px 10px 0 14px;
    z-index: 1;
}

.contact-item-slider .btnPrev {
    left: 20px;
    /* transform: translateY(-50%); */
}

.contact-item-slider .btnNext {
    right: 20px;
}

.contact-item-slider-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.contact-item-slider-pagination .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 10px;
    cursor: pointer;
}

.contact-item-slider-pagination .dot.active {
    background-color: #333;
}

.contact-item-slider-img-container .contact-item-slider-img:nth-child(2) {
    margin-left: 26px;
}

.contact-time:before {
    content: '';
    background: url("../media/images/contact-clock.svg") no-repeat center center;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 18px;
}

.contact-footer {
    display: flex;
    margin-top: 7px;
    justify-content: space-between;
}

.contact-time {
    display: flex;
}

.contact-time-text {
    margin-top: 7px;
}

.contact-map {
    width: 241px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFDD2F;
    border-radius: 10px;
    transition: all ease-in-out 0.2s;
}

.contact-map:hover {
    background: #F4CD02;

}

.fotogalereya-info {
    display: flex;
    align-items: center;
}

button.arrow-top {
    width: 53px;
    height: 53px;
    border-radius: 10px;
    background: #ffDD2D;
    border: none;
    margin-left: 30px;
    cursor: pointer;
}

.advants-list-title-combiner .title_name.title_advants .title-border-style {
    padding: 3px 13px 40px 10px;
}

.license-list-title-combiner .license-list-title-combiner .title-border-style {
    padding: 3px 12px 40px 4px;
}

.title-name-photogalery .title-border-style {
    padding: 1px 12px 41px 12px;
}

.photo-desc {
    width: 406px !important;
    height: 196px !important;
}

.director-title-name .title-border-style {
    padding: 5px 12px 40px 10px;
}

.title-border-style-v.right-rotation-block:after {
    content: "";
    display: block;
    width: 112px;
    height: 34px;
    border-radius: 5px;
    color: #fff;
    background: #294457;
    position: absolute;
    top: -5px;
    right: -13px;
    z-index: -1;
}

.title-border-style-v.right-rotation-block {
    display: inline-block;
    position: relative;
    z-index: 2;
    color: #fff;
    margin-left: 13px;
}

.title-border-style-v2.right-rotation-block {
    display: inline-block;
    position: relative;
    z-index: 2;
    color: #fff;
    margin-left: 13px;
}

section.form {
    margin-top: 57px;
}

.form-main {
    margin-top: 31px;
    display: flex;
    justify-content: space-between;
}

.form-aside ul.new-mark li {
    flex-wrap: wrap;
}

.form-aside {
    padding: 10px 30px;
    margin-top: 90px;
    border: 1px solid #C1BDBD;
    border-radius: 20px;
    max-height: 285px;
    max-width: 492px;
    position: relative;
}

.form-aside ul.new-mark li:nth-child(2) span:last-child {
    margin-left: 28px;
}

.form-aside ul.new-mark li span:first-child {
    margin-left: 5px;
}

.form-aside ul.new-mark li span {
    font-family: 'arial-bold', sans-serif;
}

.form-aside:after {
    content: '';
    background: url(../media/images/Vector-form.svg) no-repeat center center;
    display: block;
    width: 276px;
    height: 90px;
    position: absolute;
    bottom: -87px;
    left: -25px;
}

.robotics .title-border-style-v2.right-rotation-block {
    margin-left: 15px;
}

.robotics .title-border-style-v.right-rotation-block {
    margin-left: 15px;
}

.robotics .title-border-style-v.right-rotation-block:after {
    top: -7px;
    right: -6px;
    width: 136px;
    height: 35px;
}

.scratch .title-border-style-v.right-rotation-block:after {
    width: 157px;
}

.olimpic .title-border-style-v.right-rotation-block:after {
    width: 159px;
}

.mdl-success .mdl-header h2 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.success-img {
    margin-top: 50px;
}

.olimpic .title-border-style-v2.right-rotation-block:after {
    content: "";
    display: block;
    width: 168px;
    height: 34px;
    border-radius: 5px;
    color: #fff;
    background: #294457;
    position: absolute;
    top: -5px;
    right: -13px;
    z-index: -1;
}

.masterilka .title-border-style-v.right-rotation-block:after {
    width: 194px;
}

.price .title-border-style-v.right-rotation-block {
    margin: 0 13px;
}

.price .title-border-style-v.right-rotation-block:after {
    width: 166px;
    height: 34px;
    top: 0;
    right: -13px;
}

.container-achiev .title-border-style {
    padding: 3px 5px 40px 9px;
}

.license-list-title-combiner.title-border-style {
    padding: 3px 5px 40px 9px;
}

.fotogalereya-text {
    margin-top: 17px;
}

div#section-container {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
}

.news-list {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
}

.news-item {
    position: relative;
    margin-bottom: 22px;
    max-width: 425px;
    height: 288px;
    width: 100%;
    cursor: pointer;
    border-radius: 20px;
    overflow: hidden;
}

.news-item-img img {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.news-item-img {
    display: block;
    overflow: hidden;
    height: 288px;
    width: 424px;
    background-size: cover !important;
}

.news-item:nth-child(3n-1) {
    margin: 0 22px 22px 22px;
}

.fotogalereya-item {
    position: relative;
    margin-bottom: 24px;
    border-radius: 20px;
    width: 100%;
    max-width: 424px;
}

.fotogalereya-item:nth-child(3n-1) {
    margin: 0 24px 24px 24px;
}

div.news-list img.preview_picture {
    margin: 0 !important;
}

img.preview_picture {
    width: 100%;
    max-width: 425px;
    height: 288px;
    border-radius: 20px;
    display: block;
}

a.item-link {
    width: 100%;
    max-width: 425px;
    height: 288px;
    border-radius: 20px;
    display: block;
}

i.fotogalereya-icon {
    position: absolute;
    right: 11px;
    z-index: 10;
    top: 15px;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

button#load-more {
    font-family: 'arial-bold', sans-serif;
    font-size: 18px;
    border-radius: 10px;
    max-width: 352px;
    width: 100%;
    margin-top: 5px;
}

.item-img {
    border-radius: 20px 30px 0 0;
    max-width: 424px;
    width: 100%;
    background-size: cover !important;
    height: 269px;
}

.item-name {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: space-between;
    z-index: 10;
    padding: 18px 23px;
    align-items: center;
    content: "";
    height: 58px;
    border-radius: 0 0 20px 20px;
    background: #fff;
    bottom: 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.fotogalereya-item:before {
    content: "";
    display: block;
    width: 57px;
    height: 57px;
    border-radius: 0 20px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-box-shadow: 1px -1px 4px 0px rgba(34, 60, 80, 0.12);
    -moz-box-shadow: 1px -1px 4px 0px rgba(34, 60, 80, 0.12);
    box-shadow: 1px -1px 4px 0px rgba(34, 60, 80, 0.12);
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}

.modal.modal-open {
    z-index: 100;
    opacity: 1;
    pointer-events: auto;
}

.modal-content {
    max-width: 1200px;
    max-height: 650px;
    border-radius: 20px;
}

.modal-overlay {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0/ 60%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-close {
    position: absolute;
    top: -50px;
    right: -50px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.modal-close:hover, .modal-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.modal-container {
    position: relative;
    cursor: auto;
}

.legal-info .about {
    font-size: 18px;
    font-family: 'arial-reg';
    font-weight: 400;
    margin: 20px 0;
    padding: 0;
    background: none;
}

.legal-info h3 {
    font-family: 'arial-bold';
    font-size: 24px;
    margin: 0;
}

.legal-info .contact-info {
    flex-direction: column;
}

.company-info {
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    padding: 30px 30px 40px 30px;
}

.company-info-ul {
    font-size: 16px;
    margin: 12px 0 0 0;
}

.company-info-item {
    margin-top: 18px;
    display: flex;
    background: #F1F1F1CC;
    color: #777;
    border-radius: 10px;
    height: 51px;
    width: 100%;
}

.company-info-item span {
    line-height: 11px;
    padding: 20px 0 20px 20px;
}

.company-info-item span:nth-child(1) {
    height: 100%;
    width: 590px;
}

.company-info-item span:nth-child(2) {
    color: #2B2B2B;
    height: 100%;
    width: inherit;
    background: #FFFFFFCC;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}

.docs {
    padding: 30px 30px 20px 30px;
}

.docs-ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

.docs-item {
    color: #777;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    background: #F1F1F1CC;
    border-radius: 10px;
    height: 51px;
    width: calc(50% - 9px);
    margin-bottom: 18px;
}

.docs-item span {
    line-height: 11px;
    padding: 20px 0 20px 20px;
}

.docs-image {
    width: 65px;
    height: 51px;
    background: url("../media/images/download-docs.svg") no-repeat center center;
}

.legal-info .contact-info {
    margin: 0;
    flex-direction: column;
    align-items: normal !important;
}

.contact-info {
    padding: 0 30px 0 30px;
}

.contact-info-ul {
    font-size: 16px;
    margin: 12px 0 0 0;
}

.contact-info-item {
    margin-top: 18px;
    display: flex;
    background: #F1F1F1CC;
    color: #777;
    border-radius: 10px;
    height: 51px;
    width: 100%;
}

.contact-info-item span {
    line-height: 11px;
    padding: 20px 0 20px 20px;
}

.contact-info-item span:nth-child(1) {
    height: 100%;
    width: 590px;
}

.contact-info-item span:nth-child(2) {
    color: #2B2B2B;
    height: 100%;
    width: inherit;
    background: #FFFFFFCC;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}

.adres {
    padding: 30px 30px 0 30px;
}

.adres-item-contrainer {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.adres-item {
    display: flex;
    position: relative;
    flex-direction: column;
    width: calc(33.33% - 13.33px);
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    padding: 30px;
}

.adres-item span:nth-child(2) {
    font-family: 'arial-bold';
    font-size: 20px;
    margin-bottom: 15px;
}
.adres-item span:nth-child(3) {
    font-family: 'arial-reg';
    font-size: 16px;
}

.location-icon {
    width: 60px;
    height: 46px;
    position: absolute;
    top: -1px;
    right: -1px;
    border-radius: 0 20px;
    padding: 7px 0px 0px 14px;
    background: #FFDD2F;
}

.location-icon div {
    width: 34px;
    height: 34px;
    display: block;
    background: url("../media/images/location.svg") no-repeat center center;
}

.fotogalereya-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fotogalereya-item {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.fotogalereya-item.show {
    opacity: 1;
    transform: translateY(0);
}

.foto-gallery-inner {
    margin-top: 15px;
}

.loader {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader::before {
    content: "";
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(8px);
    position: absolute;
    width: 140px;
    height: 55px;
    z-index: 20;
    border-radius: 0 0 10px 10px;
    border: 1px solid rgba(255, 255, 255, 0.274);
    border-top: none;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.082);
    animation: anim2 2s infinite;
}

section.laboratory .laboratory-container-right .laboratory-text {
    max-width: 580px;
}

.loader div {
    background: rgb(228, 228, 228);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    z-index: -1;
    animation: anim 2s infinite linear;
    animation-delay: calc(-0.3s * var(--i));
    transform: translateY(5px);
    margin: 0.2em;
}

@keyframes anim {
    0%,
    100% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(-65px);
    }
}

@keyframes anim2 {
    0%,
    100% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(10deg);
    }
}

.about-info .about {
    font-size: 18px;
    font-family: 'arial-reg';
    font-weight: 400;
    margin: 20px 0;
    padding: 0;
    max-width: 100% !important;
    background: none;
}

.about-education {
    font-size: 18px;
    font-family: 'arial-reg';
    margin: 46px 0px 66px 0px;
}

.about-education h3 {
    font-family: 'arial-bold', sans-serif;
    font-size: 30px;
    margin: 0px 0px 33px 0px;
}

.about-education h4 {
    font-family: 'arial-bold';
    display: contents;
}

.about-education-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.about-education-container-left {
    width: 673px;
}

.about-education-container-right {
    width: 627px
}

.about-education-container-left div:not(:last-child) {
    margin-bottom: 24px;
}

.about-education-text {
    padding: 28px 29px 25px 29px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
}

.about-education-text:nth-child(2) {
    background: #F1F1F1;
    border: 0;
}

.about-education .slider-container {
    max-width: 627px;
}

.about-education-slider .btnPrev {
    top: 30px;
}

.about-education-slider .btnNext {
    top: 30px;
}

.about-education-img-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

.about-education-ul {
    margin: 30px 0;
    padding: 30px;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}

.about-education-ul ul {
    margin: 0;
}

.about-education-ul li {
    margin-bottom: 25px !important;
}

.about-education-ul li:last-child {
    margin: 0 !important;
}

.about-education-footer {
    font-size: 18px;
    font-family: 'arial-reg';
}

.error-container {
    margin: 25px 0 0 289px;
    display: flex;
    flex-direction: row;
}

.error-img {
    margin: 29px 0 0 -48px;
}

.error-message {
    max-width: 371px;
    margin: 11px 0 0px 47px;
}

.error-message h4 {
    display: contents;
    font-family: 'arial-bold';
}

.error-text {
    margin-bottom: 15px;
}

.error-btn {
    text-align: center;
    font-family: 'arial-bold';
    padding: 16px 20px !important;

}

.dn-pc {
    display: none;
}
.pc-left-input-container{
    width: 49%;
}

section.summer {
    margin-top: 22px;
    display: flex
;
}
section.summer .about {
    max-width: 770px;
    font-family: arial-bold, sans-serif;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(217, 217, 217);
    border-image: initial;
    border-radius: 20px;
    padding: 25px 30px;
    margin: 30px 0px 0px;
}

section.summer .text {
    font-size: 20px;
    max-width: 595px;
    padding: 25px 30px;
}

section.summer .section-img-container img {
    width: 530px;
    position: absolute;
    top: 71px;
    left: -40px;
    border-radius: 20px;
}

section.summer a.record.btn.yellow-btn-style {
    max-width: 470px;
    font-size: 20px;
}

section.summer .button-container {
    width: 830px;
    margin-top: 16px;
}

section.summer a.children.btn.gray-btn-style {
    max-width: 341px;
    font-size: 20px;
}

section.summer .title-border-style-v.right-rotation-block:after{
    width: 156px;
}

.construction-educational-program .educational-program-img-container .educational-program-img.summer-photo:nth-child(1) img {
    max-width: 247px;
}

section.summer-about .laboratory-container-right {
    max-width: 651px;
}
section.summer-about .laboratory-container-left .laboratory-img-u img{
    max-width: 649px;
    border-radius: 20px;
}
section.summer-about .laboratory-third-photo .laboratory-img img {
    width: 315px;
    border-radius: 20px;
}
section.summer-about .laboratory-third-photo .laboratory-img.about-summer-icon img {
    max-width: 635px;
    width: 100%;
}
.laboratory-third-photo-summer-about {
    display: flex
;
    justify-content: center;
    margin-top: 5px;
}
.laboratory-third-photo-summer-about{
    display: flex
;
    justify-content: center;
    margin-top: 5px;
}
@media screen and (max-width: 1300px) {
    .pc-left-input-container{
        width: 100%;
    }
    .nalog-form-section .container-radio{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between
    }
    section.nalog h4 {
        margin: 0 0 6px 0;
    }
    .mob-fd-col{
        displayisplay: flex;
        justify-content: space-between;
        flex-direction: column !important;
    }

    .form-section-right {
        margin: 0;
    }

    .nalog-form-section.nalog-form-footer-section{
        display: flex;
        flex-direction: column-reverse;
    }
    .nalog-form-section{
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 15px;
    }

    .nalog-form-body{
        padding: 19px;
    }
    section.nalog input[type="checkbox"]{
        border: 1px solid #D9D9D9;

    }
    section.nalog .about{
        font-size: 16px;
        margin: 12px 0;
    }
    .nalog-form-body{
        border-radius: 12px;
    }
    .nalog-form-body::after{
        width: 58px;
        height: 45px;
        background: url(../media/images/nalog-form-icon-mob.svg) no-repeat center center;
    }
    .nalog-form-body h3{
        max-width: 85%;
        font-family: 'arial-bold';
        font-size: 16px;
        margin: 0 0 16px 0;
    }
    .nalog-form-section input[type="text"]{
        margin-bottom: 15px;
    }
    .nalog-form-footer{
        margin: 20px 0;
    }
    .form-footer-section-right{
        margin-bottom: 20px;
        width: 100%;
    }
    .form-footer-section-right .agree{
        max-width: 100%;
        padding: 5px 0;

    }
    .slider-bx-diplom .bx-viewport {
        height: 100% !important;
    }

    .slider-bx-diplom .bx-wrapper {
        position: relative;
    }

    .slider-bx-diplom .bx-has-controls-direction {
        position: absolute;
        bottom: 40%;
        width: 100%;
    }

    .slider-bx-diplom .bx-controls-direction {
        display: block;
        width: 100%;
        text-align: right;
        height: 46px;
        z-index: 1;
        bottom: 0;
        right: -1px;
        border-radius: 20px 0px 0px 0px;
    }

    .slider-bx-diplom .bx-prev {
        background: url("../media/images/bx-arrow.svg") no-repeat center center;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 8px 15px;
        position: relative;
        float: left;
        z-index: 2;

    }

    .slider-bx-diplom .bx-next {
        background: url("../media/images/bx-arrow.svg") no-repeat center center;
        position: relative;
        float: right;
        display: inline-block;
        z-index: 2;
        width: 30px;
        height: 30px;
        margin: 8px 15px;
        transform: rotate(180deg);
    }


    .container-bx-diplom {
        width: 100%;
    }

    .slider-bx-diplom {
        width: 100%;
    }

    .slider-bx-diplom .bx-wrapper {
        max-width: unset !important;
    }

    .slider-bx-diplom .bx-viewport {
        width: 100vw !important;
    }

    .slider-bx-diplom ul {
        margin-left: calc(19.6667vw);
    }

    .slider-bx-diplom ul li {
        transition: all ease-in-out 0.2s;
        transform: scale(0.9);
        filter: blur(1px);
    }

    /*.bx-slider-item-diplom{*/
    /*    opacity: 1;*/
    /*    transition: all 0.5s ease-in-out;*/
    /*    transform: scale(1);*/
    /*}*/
    /*.bx-slider-item-diplom[aria-hidden='false']{*/
    /*    transform: scale(0.8);*/
    /*}*/
    /*.bx-slider-item-diplom[aria-hidden='true']{*/
    /*}*/
    .bx-slider-item-diplom img {
        width: 100%;
        border-radius: 7px;
        box-shadow: 0px 0px 2px 0px #00000040;
    }


    .lessons-slider-bx {
        margin-top: 15px;
    }

    .laboratory-slider-bx {
        margin-top: 15px;
    }

    section.fotogalery-slider-bx {
        margin: 30px 0 0 0;
        padding: 0 20px;
    }

    section.fotogalery-slider-bx .wrapper-full {
        padding: 0;
    }

    .fotogalery-mp-mob-title {
        margin-bottom: 20px;
    }

    .slider-bx {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .slider-bx ul {
        margin: 0;
        padding: 0;
    }

    .slider-bx ul li img {
        width: 100%;
        height: auto;
        border-radius: 20px 20px 0;
    }
    .slider-bx-contacts ul li img{
        width: calc(100vw - 40px) !important;
    }
    .slider-bx .bx-wrapper {
        position: relative;
        margin: 0 auto;
    }

    .bx-viewport {
        z-index: 1;
    }

    .slider-bx .bx-controls {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .slider-bx .bx-controls-direction {
        position: absolute;
        display: block;
        text-align: right;
        background: #fff;
        width: 87px;
        height: 46px;
        z-index: 1;
        bottom: 0;
        right: -1px;
        border-radius: 20px 0px 0px 0px;
    }

    .slider-bx-mp .bx-controls-direction {
        top: calc(((100vw - 40px) / 1.454545) - 46px);
        bottom: unset;
    }

    .slider-bx .bx-prev {
        background: url("../media/images/bx-arrow.svg") no-repeat center center;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 8px 5px;
        text-indent: 999px;
        position: relative;
        z-index: 2;

    }
    section.summer-about{
        margin-top: 30px;
    }

    .slider-bx .bx-next {
        background: url("../media/images/bx-arrow.svg") no-repeat center center;
        position: relative;
        display: inline-block;
        z-index: 2;
        width: 30px;
        height: 30px;
        margin: 8px 5px;
        text-indent: 999px;
        transform: rotate(180deg);
    }

    .slider-bx .slider-text-container {
        overflow: hidden;
        position: relative;
        width: calc(100vw - 40px);
        border-radius: 20px;
        margin-top: 19px;
        padding: 20px;
        background: #FFDD2F;
    }

    .slider-bx .slider-text-container p {
        margin: 0;
        font-size: 16px;
        font-family: 'arial-reg';
    }


    .dn-pc {
        display: block;
    }

    header.dn-pc {
        width: 100%;
    }

    .footer-block.footer-block-4 {
        width: 100%;
        margin-top: 30px;
        padding-top: 28px;
        border-top: 1px solid #F1F1F1;
    }

    .wrapper {
        width: 100%;
    }

    body {
        font-size: 14px;
    }

    .dn-mob {
        display: none;
    }

    .wrapper-main {
        width: 100%;
    }

    .menu-wrapper {
        margin: 12px 0 20px 0;
        flex-direction: column;
        align-items: center;
    }

    .footer-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-phone span {
        font-size: 22px;
    }

    .wrapper-main {
        margin-top: 20px;
    }

    .main-menu {
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 100000;
    }

    h1 {
        font-size: 20px;
    }

    ul.main-menu-list {
        display: flex;
        justify-content: space-between;
        background: #fff;
        margin: 0;
    }

    ul.main-menu-list li {
        width: 100%;
        border-right: 1px solid #fff;
    }

    ul.main-menu-list li a {
        height: 49px;
        display: flex;
        background: #F1F1F1;
        align-items: center;
        justify-content: center;
    }

    ul.main-menu-list li:last-child {
        border-right: none;
    }

    footer {
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .footer-menu-header.footer-menu-header-4 {
        text-align: center;
        font-size: 16px;
    }

    .footer-phone {
        padding: 11px 15px;
        margin-top: 9px;
        font-size: 24px;
    }

    .ui {
        margin-top: 30px;
        letter-spacing: normal;
        text-align: center;
        color: #8B8B8B;
        font-size: 15px;
        line-height: 18px;
        width: 350px;
    }

    .footer-socmedia {
        margin: 26px 0 27px 0;
        width: 260px;
    }

    .footer-socmedia-btn {
        width: 55px;
        height: 45px;
        background-size: cover;
    }

    .footer-ok {
        width: 43px;
        height: 43px;
        background-size: cover;
    }

    .footer-vk {
        width: 45px;
        height: 43px;
        background: url(../media/images/VK.svg) no-repeat;
        background-size: cover;
    }

    .footer-ytb {
        width: 60px;
        height: 45px;
        background: url(../media/images/ytb.svg) no-repeat;
        background-size: contain;
    }

    a.menu-btn.open-page-section {
        position: unset;
    }

    .menu-btn {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        top: auto;
        bottom: -100px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
    }

    .robotics-achievements {
        margin: 30px 0 0 0;
    }

    section.educational-program {
        margin-top: 30px;
    }

    .btn-gamb {
        width: 30px;
        height: 18px;
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -9px;
    }

    .btn-gamb span:nth-child(1) {
        top: 0;
    }

    .btn-gamb span {
        -webkit-transition: -webkit-transform 0.2s;
        -o-transition: -o-transform 0.2s;
        transition: transform 0.2s;
    }

    .btn-gamb span {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        display: block;
        position: absolute;
        height: 2.5px;
        width: 100%;
        background: #2b2b2b;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }

    .btn-gamb span:nth-child(2), .btn-gamb span:nth-child(3) {
        top: 7px;
        width: 50%;
        right: 0;
        left: auto;
    }

    .btn-gamb span:nth-child(4) {
        top: 14px;
    }

    .btn-gamb:hover span:nth-child(1) {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }

    .btn-gamb:hover span:nth-child(4) {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0);
    }

    .wrap-menu-btn-mob.close-wmb .btn-gamb:hover {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .wrap-menu-btn-mob.close-wmb .btn-gamb {
        -webkit-transition: -webkit-transform 0.4s;
        -o-transition: -o-transform 0.4s;
        transition: transform 0.4s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .wrap-menu-btn-mob.close-wmb .btn-gamb span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .wrap-menu-btn-mob.close-wmb .btn-gamb span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .wrap-menu-btn-mob.close-wmb .btn-gamb span:nth-child(3) {
        height: 2px;
        width: 100%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .wrap-menu-btn-mob.close-wmb .btn-gamb span:nth-child(2) {
        height: 2px;
        width: 100%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .wrapper-full {
        padding: 0 20px;
    }

    .form-container-mp {
        height: 512px;
        padding: 25px 20px;
        border-radius: 10px;
        margin-top: 20px;
        margin-bottom: 0px;
        width: 100%;
    }

    .form-header {
        font-size: 16px;
        max-width: 200px;
        margin-bottom: 21px;
    }

    .form-container-mp form {
        width: 100%;
    }


    input[type="text"] {
        margin-bottom: 19px;
    }

    .form-container-mp .green-btn-style {
        margin-top: 14px;
        font-size: 17px;
        padding: 0;
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    input[name="web_form_submit"] {
        margin-bottom: 24px;
    }

    .agree {
        max-width: 270px;
        font-size: 14px;
        width: auto;
    }

    h2 {
        font-size: 20px;
    }

    .course-title {
        margin-top: 30px;
    }

    .course-container a.btn-header-0.btn-style {
        margin-top: 16px;
    }

    .course-container .btn-style {
        border-radius: 10px 0 0 10px;
        border-color: #F1F1F1;
        padding: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: wrap;
        margin-bottom: 13px;
        font-size: 16px;
        font-family: 'arial-bold', sans-serif;
    }

    .course-container a.btn-header-0.btn-style img {
        /*background: url(../media/images/btn-header-0.svg);*/
        content: '';
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .course-container a.btn-style:after {
        background: url(../media/images/btn-header-arrow.svg) center center no-repeat;
        content: '';
        min-width: 80px;
        height: 61px;
    }

    .maintenance-footer {
        margin: 20px 0;
    }

    .course-container a.btn-header-1.btn-style img {
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .course-container a.btn-header-2.btn-style img {
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .course-container a.btn-header-3.btn-style img {
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .course-container a.btn-header-4.btn-style img {
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .course-container a.btn-header-5.btn-style img {
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .course-container a.btn-header-6.btn-style img {
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .course-container a.btn-header-7.btn-style img {
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .maintenance-footer div {
        border-radius: 10px;
        height: auto;
        width: auto;
        text-align: center;
        font-size: 16px;
        padding: 13px 48px;
    }

    .sw-achievement {
        margin-bottom: 30px;
    }

    .sw-achievement-title {
        margin: 30px 0 20px 0;
    }

    .achievements-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 14px 14px 21px 19px;
        width: 100%;
        height: auto;
        margin-bottom: 13px;
    }

    .achievements-item span:nth-child(1) {
        display: inline-block;
        font-family: "arial-bold", sans-serif;
        font-size: 18px;
    }

    .achievements-item span:nth-child(2) {
        font-family: "arial-reg", sans-serif;
        font-size: 15px;
        margin-top: 15px;
    }

    .wrapper-inner {
        width: 100%;
    }

    .program-item-container {
        background: #F1F1F1;
        border-radius: 20px;
    }

    .program-item-container:nth-child(1) .program-item:nth-child(1) {
        transform: rotate(1.1deg);
    }

    .program-item-container:nth-child(1) {
        transform: rotate(358.9deg);
    }

    .program-item-title {
        position: relative;
        font-size: 16px;
        font-family: 'arial-bold', sans-serif;
        padding: 31px 16px 0 0;
    }

    .program-item-text {
        margin: 11px 0 15px 0;
    }

    .program-item-bottom {
        font-family: 'arial-bold', sans-serif;
        text-align: right;
        padding-right: 19px;
    }

    .program-item {
        padding: 0 9px 25px 23px;
        max-width: 350px;
    }

    .program-main {
        margin-top: 40px;
    }

    .program-item-container:nth-child(1)::after {
        content: "";
        background: url(../media/images/prog-number-1.svg) center center no-repeat;
        width: 45px;
        height: 45px;
        display: block;
        position: absolute;
        right: 23px;
        top: -30px;
        background-size: cover;
    }

    .program-item-container:nth-child(1) .program-item-title:after {
        content: '';
        width: 81.54px;
        height: 26.4px;
        border-radius: 5px;
        transform: rotate(1.1deg);
        background: #294457;
        display: block;
        position: absolute;
        top: 26px;
        left: 173px;
        z-index: -1;
    }

    .input-phone input[type="text"]:nth-child(2) {
        width: 100%;
    }

    .payment .input-phone input[type="text"]:nth-child(2) {
        width: 100%;
    }

    .program-item-container:nth-child(1) .program-item-title:before {
        content: '';
        width: 84.93px;
        height: 26.96px;
        border-radius: 5px;
        transform: rotate(-1.1deg);
        background: #294457;
        display: block;
        position: absolute;
        top: 24px;
        left: 71px;
        z-index: -1;
    }

    .mob-select-wrapper select {
        display: block;
        width: 100%;
        background: #fff;
    }

    form .input-phone {
        width: 100%;
    }

    .program-item-title span {
        margin: 0 3px;
        color: #fff;
    }

    .program-item-container:nth-child(3) {

    }

    .program-item-container:nth-child(3)::after {
        content: "";
        background: url('../media/images/prog-number-2.svg') center center no-repeat;
        width: 45px;
        height: 45px;
        display: block;
        position: absolute;
        left: 26px;
        top: -25px;
        background-size: cover;
    }

    .program-item-container:nth-child(3) .program-item-title:before {
        content: '';
        width: 115.93px;
        height: 25.96px;
        border-radius: 5px;
        transform: rotate(-1.1deg);
        background: #294457;
        display: block;
        position: absolute;
        top: 25px;
        left: 45px;
        z-index: -1;
    }

    .program-item-container:nth-child(3) .program-item:nth-child(1) {
        transform: rotate(-2deg);
    }

    .program-item-container:nth-child(3) {
        transform: rotate(2deg);
        margin-top: 43px;
    }

    .program-item-container:nth-child(3) .program-item-bottom {
        text-align: left;
    }

    .program-item-container:nth-child(3) .program-item-text {
        margin: 18px 0 15px 0;
    }


    .program-item-container:nth-child(5)::after {
        content: "";
        background: url(../media/images/prog-number-3.svg) center center no-repeat;
        width: 45px;
        height: 45px;
        display: block;
        position: absolute;
        right: 29px;
        top: -33px;
        background-size: cover;
    }

    .program-item-container:nth-child(5) .program-item-title:before {
        content: '';
        width: 89.93px;
        height: 25.96px;
        border-radius: 5px;
        transform: rotate(-2.35deg);
        background: #294457;
        display: block;
        position: absolute;
        top: 24px;
        left: 94px;
        z-index: -1;
    }

    .program-item-container:nth-child(5) .program-item:nth-child(1) {
        transform: rotate(2deg);
        margin-top: 59px;
    }

    .program-item-container:nth-child(5) {
        transform: rotate(358deg);
    }

    .program-item-container:nth-child(5) .program-item-text {
        margin: 18px 0 14px 0;
    }


    .program-item-container:nth-child(7)::after {
        content: "";
        background: url(../media/images/prog-number-4.svg) center center no-repeat;
        width: 45px;
        height: 45px;
        display: block;
        position: absolute;
        left: 13px;
        top: -21px;
        background-size: cover;
    }

    .program-item-container:nth-child(7) .program-item-title:before {
        content: '';
        width: 92.93px;
        height: 26.96px;
        border-radius: 5px;
        transform: rotate(1.9deg);
        background: #294457;
        display: block;
        position: absolute;
        top: 27px;
        left: 94px;
        z-index: -1;
    }

    .program-items {
        position: relative;
    }

    .program-item-container:nth-child(7) .program-item:nth-child(1) {
        transform: rotate(-2deg);
    }

    .program-item-container:nth-child(7) {
        transform: rotate(2deg);
        margin-top: 43px;
    }

    .program-item-container:nth-child(7) .program-item-bottom {
        text-align: left;
    }

    .program-item-container:nth-child(7) .program-item-text {
        margin: 18px 0 15px 0;
    }

    i.plane {
        position: absolute;
        z-index: 10;
    }

    i.plane.plane-1 {
        left: 93px;
        top: 205px;
    }

    i.plane.plane-2 {
        right: 122px;
        top: 483px;
    }

    i.plane.plane-3 {
        right: 36px;
        top: 763px;
    }

    .container-program {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .item-img-achiev {
        flex-direction: column;
    }

    .diplom-mob {
        margin-top: 8px;
    }

    .diplom-mob section.diplom {
        width: 100%;
        position: relative;
        margin-top: 60px;
    }

    .title_name {
        font-size: 20px;
        margin-top: -5px;
        margin-left: 20px;
    }

    h2.first-lesson {
        padding: 27px 37px 0 28px;
    }

    h2 p {
        margin: 0;
    }

    .first-lesson-list {
        padding: 13px 18px 0 30px;
    }

    ul.new-mark-mp li:before {
        background: url("../media/images/advants mark.svg") center center no-repeat;
        margin-right: 14px;
        display: block;
        position: relative;
        float: left;
        min-width: 12px;
        height: 9px;
        background-size: contain;
        content: "";
        margin-top: 3px;
    }

    section.first-lesson {
        margin-top: 35px;
    }

    ul.new-mark-mp li {
        display: flex;
        margin-bottom: 14px;
        font-size: 16px;
    }

    .first-lesson-container {
        background: #F1F1F1;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        height: 544px;
    }

    .first-lesson-boy {
        position: absolute;
        bottom: -65px;
    }

    h2.first-lesson {
        position: relative;
        z-index: 2;
    }

    h2.first-lesson span {
        color: #fff;
        margin: 0 4px;
        display: inline-block;
        position: relative;
    }

    h2.first-lesson span:before {
        content: '';
        width: 108%;
        height: 26.96px;
        border-radius: 5px;
        transform: rotate(1.9deg);
        background: #294457;
        display: block;
        position: absolute;
        top: 0;
        left: -4px;
        z-index: -1;
    }

    .license-title .title_name span:before {
        content: '';
        width: 108%;
        height: 26.96px;
        border-radius: 5px;
        transform: rotate(-1.1deg);
        background: #FFDD2F;
        display: block;
        position: absolute;
        top: 0;
        left: -4px;
        z-index: -1;
    }

    section.license {
        margin-top: 83px;
    }

    .license-title .title_name {
        position: relative;
        margin: 0;
    }

    .license-title span {
        margin: 0 4px;
    }

    li {
        text-wrap: wrap;
    }

    .license-list {
        line-height: 1.3;
        font-size: 14px;
        font-family: 'arial-reg', sans-serif;
        display: flex;
        white-space: nowrap;
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
    }

    ul.new-mark li:last-child {
        margin-bottom: 0;
    }

    ul.new-mark li {
        display: flex;
        margin-bottom: 0px;
        font-size: 14px;
    }

    .license-vector-mob {
        position: relative;
    }

    ul.new-mark {
        margin: 5px 0 54px 0;
    }

    .license-vector-mob img {
        position: absolute;
        bottom: 10px;
        left: 95px;
    }

    .license-container .license-list {
        margin-top: 25px;
    }

    .license-container ul.new-mark li {
        margin-bottom: 6px;
    }

    .license-container {
        margin-top: 15px;
        background: #F1F1F1;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 30px;
    }

    .license-container ul.new-mark {
        margin: 5px 0 24px 36px;
        padding: 0 30px 0 0;
    }


    .laboratory-slider {
        max-width: calc(100vw - 40px);
        margin-top: 25px;
        position: relative;
    }

    .slider-text-container {
        display: flex;
        transition: margin-left 0.5s ease;
        margin-left: 0;
    }

    .fotogalery-mp-mob-slider-text {
        min-width: 100%;
        font-size: 16px;
        margin-right: 50px;
    }

    .laboratory-slider .slider-btn {
        top: auto;
        bottom: 7px;
    }

    .btnNext {
        right: 8px;
    }

    .btnPrev {
        right: 49px;
    }

    .slider-btn {
        width: 30px;
        height: 30px;
        padding: 9px 0 0 9px;
    }

    .slider-main-text-container {
        overflow: hidden;
        position: relative;
        width: calc(100vw - 40px);
        border-radius: 20px;
        margin-top: 19px;
        padding: 20px;
        background: #FFDD2F;
    }

    .fotogalery-mp-mob-title {
        width: 100%;
    }

    section.fotogalery-mp-mob {
        margin-top: 34px;
    }

    .fotogalery-mp-mob-title span {
        margin-left: 4px;
    }

    .slider-item img {
        min-width: 100%;
        height: 243px;
        object-fit: cover;
    }

    .fotogalery-mp-mob-title {
        position: relative;
    }

    .fotogalery-mp-mob-title span {
        position: relative;
    }

    .fotogalery-mp-mob-title span:before {
        content: '';
        width: 108%;
        height: 26.96px;
        border-radius: 5px;
        transform: rotate(-1.1deg);
        background: #FFDD2F;
        display: block;
        position: absolute;
        top: 0;
        left: -4px;
        z-index: -1;
    }

    .fotogalery-mp-mob-slider .slider-container:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 88px;
        height: 47px;
        background: #FFFFFF;
        border-radius: 20px 0 20px 0;
        bottom: 0;
        right: 0;
        -webkit-box-shadow: 2px 0 4px 0 rgba(34, 60, 80, 0.25);
        -moz-box-shadow: 2px 0 4px 0 rgba(34, 60, 80, 0.25);
        box-shadow: 2px 0 4px 0 rgba(34, 60, 80, 0.25);
    }

    .educational-robotics-main {
        margin-top: 20px;
    }

    .slider-btn::after {
        width: 11px;
        height: 12px;
    }

    .director-text {
        transform: rotate(0deg);
        width: 100%;
        height: auto;
        margin: 0;
    }

    .director-block {
        margin: 0;
    }

    .director-photo {
        width: 100%;
        height: 306.74px;
    }


    .director-title span {
        margin-left: 4px;
    }

    .director-title {
        width: 100%;
    }

    .director-block {
        transform: rotate(0deg);
    }

    .director-photo {
        margin-top: 20px;
    }

    .director-title {
        position: relative;
    }

    .director-title span {
        position: relative;
    }

    .director-title span:before {
        content: '';
        width: 108%;
        height: 26.96px;
        border-radius: 5px;
        transform: rotate(-1.1deg);
        background: #FFDD2F;
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: -5px;
    }

    .director-main-rotate {
        transform: rotate(0.52deg);
    }

    .director-main {
        transform: rotate(-0.52deg);
        padding: 24px 24px 27px 23px;
    }

    .wrapper-course {
        margin-top: 20px;
    }

    .director-main-rotate {
        background: #F1F1F1;
        margin-top: 20px;
        border-radius: 20px;
    }

    .director-name {
        margin: 10px 0 0 0;
        font-size: 16px;
    }

    .mobile-menu-items ul.menu-ul {
        flex-direction: column;
        padding: 0 20px;
        margin: 17px 0 60px 0;
        font-size: 16px;
    }

    .mobile-menu-item {
        font-size: 18px;

    }

    .mobile-menu-item:nth-child(4) {
        position: relative;
    }

    .mobile-menu-item:nth-child(4)::after {
        position: absolute;
        content: '';
        background: url(../media/images/payment-icon-mob.svg) no-repeat center center;
        display: block;
        width: 54px;
        height: 36px;
        top: 18px;
        left: 95px;
    }

    .mobile-menu.mobile-view .course-list > a.btn-style.yellow-btn-style {
        display: none;
    }

    .mobile-menu.mobile-view .course-list {
        font-size: 20px;
        width: 100%;
        margin-bottom: 0;
    }

    .mobile-menu-items .btn-style {
        padding: 11px 14px;
    }

    .mobile-menu.mobile-view .course-list a:not(:last-child) {
        margin-bottom: 10px;
    }

    li.mobile-menu-item {
        width: 100%;
    }

    .title_name span {
        position: relative;
    }

    li.mobile-menu-item a {
        width: 100%;
        font-size: 18px;
        padding: 24px 0;
        display: block;
    }

    li.mobile-menu-item:not(:first-child,:last-child) {
        border-bottom: 1px solid #E4E3E3;
    }

    li.mobile-menu-item:last-child {
        border-bottom: none;
    }

    .fotogalereya-item:nth-child(3n-1) {
        margin: 0 0 24px 0;
    }

    .course-list a:hover {
        border: none;
        background: none !important;
        color: #000 !important;
    }

    li.mobile-menu-item:first-child {
        padding: 30px 0 20px 0;
    }

    .mobile-menu.mobile-view {
        width: 100%;
    }

    .mobile-menu-course {
        margin-bottom: 7px;
        max-width: 444px;
        align-self: flex-start;
    }

    #mobile-menu {
        position: fixed;
        top: 167px;
        left: -100%;
        width: 100%;
        background-color: #fff;
        height: 95vh;
        transition: left 0.3s ease;
        z-index: 1000;
        overflow-y: scroll;
    }

    section.license .wrapper-full {
        padding: 0;
    }

    section.license {
        padding: 0 20px;
    }

    .license-diplom img {
        width: 100%;
    }

    #mobile-menu.open {
        left: 0;
        top: 45px;
    }

    section.robotics {
        flex-direction: column;
    }

    .section-img-container img {
        position: unset;
        width: 100%;
    }

    .about {
        font-size: 16px;
        margin: 14px 0;
        padding: 17px 20px;
    }

    .robotics a.children.btn.gray-btn-style {
        max-width: 100%;
        margin-top: -8px;
        font-size: 16px;
    }

    .robotics .title-border-style-v.right-rotation-block {
        margin-left: 13px;
    }

    .robotics .title-border-style-v.right-rotation-block:after {
        top: -6px;
        right: -9px;
        width: 126px;
        height: 32px;
    }


    .robotics ul.new-mark li {
        display: flex;
        margin-bottom: 19px;
        font-size: 16px;
    }

    .robotics ul.new-mark {
        margin: 30px 0 11px 0;
    }

    .wrapper-inner.robotics-achievements {
        flex-direction: column;
    }

    .mp-bgr-grey.robotics-achievements-item {
        width: 100%;
        height: auto;
        padding: 20px;

    }

    .mp-bgr-grey.robotics-achievements-item:not(:last-child) {
        margin-bottom: 16px;
    }

    .robotics-achievements-item-top span:first-child {
        font-size: 18px;
        font-family: 'arial-bold', sans-serif;
    }

    .robotics-achievements-item-top span:last-child {
        margin-top: 8px;
        font-size: 16px;
    }

    .robotics-achievements-item-top-img img {
        max-width: 50px;
        max-height: 50px;
    }

    .robotics-achievements-item-bottom a {
        margin-top: 23px;
        font-size: 16px;
    }

    .robotics-achievements {
        margin-top: 20px;
    }

    .educational-program-title {
        margin-bottom: 20px;
    }

    .educational-program-text {
        padding: 16px 18px;
        text-align: justify;
    }

    .educational-program-img img {
        width: 100%;
    }

    .educational-program-img {
        margin-top: 15px;
    }

    .educational-program-text-last {
        margin-top: 15px;
    }

    section.lessons {
        margin-top: 30px;
    }

    .lessons-main {
        margin-top: 20px;
        flex-direction: column;
    }

    .slider-lessons .slider-item {
        min-width: calc(100vw - 40px);
    }

    .ul-lessons-container {
        display: flex;
        margin: 0;
    }

    .ul-lessons-container ul.new-mark li {
        margin-bottom: 13px;
        font-size: 16px;
    }

    .ul-lessons-container ul.new-mark {
        margin: 5px 0 13px 0;
    }

    .slider-lessons {
        width: 100%;
    }

    .ul-lessons-container ul.new-mark li {
        align-items: flex-start;
    }

    .slider-lessons .slider-btn {
        bottom: 8px;
    }

    .slider-lessons .slider-container:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 88px;
        height: 47px;
        background: #FFFFFF;
        border-radius: 20px 0 20px 0;
        bottom: 0;
        right: 0;
        -webkit-box-shadow: 2px 0 4px 0 rgba(34, 60, 80, 0.25);
        -moz-box-shadow: 2px 0 4px 0 rgba(34, 60, 80, 0.25);
        box-shadow: 2px 0 4px 0 rgba(34, 60, 80, 0.25);
    }

    .slider-lessons:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 88px;
        height: 47px;
        background: #FFFFFF;
        border-radius: 20px 0 20px 0;
        bottom: 0;
        right: -1px;
    }

    .slider-lessons .slider-container .slider-btn {
        z-index: 2;
    }

    .educational-robotics:after {
        content: none;
    }

    section.educational-robotics {
        margin-top: 30px;
    }

    .educational-robotics-text-container:first-child {
        margin-top: 0px;
    }

    .educational-robotics-text:not(:last-child):after {
        content: ' ';
        display: block;
        position: absolute;
        width: 56px;
        height: 30px;
        background: #FFDD2F;
        border-radius: 20px 0 20px 0;
        top: unset;
        right: 0;
        bottom: 0;
    }

    .educational-robotics-text {
        margin-bottom: 0px;
        max-width: 619px;
        padding: 40.5px 20px;
        background: #F1F1F1;
        border-radius: 20px;
        position: relative;
        font-size: 16px;
        text-align: center;
    }

    .educational-robotics-text:last-child:after {
        content: unset;
        display: block;
        position: absolute;
        width: 107px;
        height: 58px;
        background: #FFDD2F;
        border-radius: 0 20px 0 20px;
        top: 0;
        right: 0;
    }

    .educational-robotics-text-container {
        margin-top: 0px;
    }

    .educational-robotics-text-container {
        position: relative;
    }

    .educational-robotics-text-container:not(:first-child):before {
        content: ' ';
        display: block;
        position: absolute;
        width: 56px;
        height: 30px;
        background: #FFDD2F;
        border-radius: 20px 0 20px 0;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .educational-robotics-text-container img {
        position: absolute;
        z-index: 4;
        bottom: -90px;
        right: 25px;
    }

    .special-main {
        margin-top: 20px;
    }

    .special-item {
        padding: 20px;
        margin-bottom: 13px;
    }

    .special-item:last-child {
        margin-bottom: 0px;
    }

    .special-item-title {
        font-size: 18px;
    }

    .special-item-text {
        font-size: 16px;
    }

    .special-item:nth-child(2):after {
        width: 59px;
        height: 45px;
        background-size: contain;
    }

    .special-item:nth-child(4):after {
        width: 59px;
        height: 45px;
        background-size: contain;
    }

    section.laboratory {
        margin-top: 30px;
    }

    .laboratory-text {
        max-width: 583px;
        padding: 16px 19px;
        text-align: justify;
        width: 100%;
    }

    .laboratory-main {
        display: flex;
        margin-top: 20px;
        flex-direction: column;
    }

    .laboratory-mob .slider-item img {
        min-width: calc(100vw - 40px);
    }

    .laboratory-mob .laboratory-slider {
        margin-top: 15px;
        min-width: 100%;
    }

    .laboratory-mob .laboratory-slider .slider-item {
        /*height: 185px;*/
    }

    .laboratory-mob .laboratory-slider:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 88px;
        height: 47px;
        background: #FFFFFF;
        border-radius: 20px 0 20px 0;
        bottom: 0;
        right: -1px;
    }

    .form-main {
        flex-direction: column;
        margin-top: 18px;
    }

    .form-container {
        padding: 22px 19px 80px 19px;
        max-width: 794px;
        width: 100%;
        height: auto;
    }

    .form-container .form-header {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .form .form-header {
        font-size: 18px;
        max-width: 208px;
    }

    .form-container::after {
        width: 58px;
        height: 46px;
        background-size: contain;
    }

    .form-container .input-container {
        width: 100%;
        margin-right: 0;
    }

    .form-container input[type="text"] {
        width: 100% !important;
        max-width: 352px;
    }

    .select-wrapper div {
        max-width: 352px;
        width: 100%;
    }

    .select-wrapper {
        margin-right: 0;
    }

    .form-container .input-phone {
        display: inline-flex;
        max-width: 352px;
        width: 100%;
        margin-right: 0;
    }

    .form-container .form-footer {
        margin-top: 0;
        height: auto;
    }

    .form-container .form-footer .agree {
        max-width: 608px;
        margin-right: 0;
        width: 100%;
        padding: 0;
    }

    div#section-container {
        margin-top: 20px;
    }

    .form-container input[name="web_form_submit"] {
        margin-top: 18px !important;
        font-size: 16px !important;
        max-width: 352px;
        width: 100%;
    }

    .form-container .green-btn-style {
        font-size: 16px;
        height: 53px;
        max-width: 366px;
        width: 100%;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        font-family: 'arial-bold', sans-serif;
    }

    section.fotogalereya h1 {
        margin: 20px 0;
    }

    .form-aside {
        margin-top: 0;
        position: relative;
        top: -51px;
        background: #fff;
        padding: 33px 28px 0 20px;
        max-height: unset;
    }

    .news-list {
        margin-top: 20px;
    }

    section.scratch-about .laboratory-title {
        margin-bottom: 20px;
    }

    .form-aside ul.new-mark li {
        flex-wrap: wrap;
        font-size: 18px;
        margin-bottom: 23px;
        max-width: 100%;
    }

    .form-aside p {
        margin: 0;
    }

    .form-aside:after {
        content: unset;
    }

    .form-aside:before {
        background: url(../media/images/staple.svg) center center no-repeat;
        display: block;
        min-width: 33px;
        height: 35px;
        background-size: contain;
        content: "";
        position: absolute;
        top: -17px;
        right: 14px;
    }

    .address-items {
        margin-top: 17px;
        flex-direction: column;
    }

    section.address {
        margin-top: 0;
    }

    .form-aside ul.new-mark {
        margin: 5px 0 21px 0;
    }

    section.address {
        margin-top: -26px;
        margin-bottom: -16px;
    }

    .address-text {
        margin-top: 12px;
    }

    .address-item {
        padding: 20px;
        margin-bottom: 13px;
    }

    .address-item-title {
        font-size: 18px;
    }

    .address-item:after {
        width: 57px;
        height: 44px;
        background-size: contain;
    }

    .address-item-text {
        font-size: 16px;
        margin-top: 15px;
    }

    .diplom-text {
        max-width: 810px;
        margin-top: 20px;
        margin-left: 20px;
    }

    section.diplom {
        margin-top: 30px;
        margin-right: 0;
    }


    .mob-slider-diplom {
        display: flex;
        /*margin-top: 116px;*/
    }

    .mob-achiev-section-2 {
        margin-bottom: 0 !important;
    }

    section.form {
        margin-top: 30px;
    }

    section.construction {
        display: flex;
        flex-direction: column;
    }

    section.director {
        margin-top: 30px;
    }

    .button-container {
        flex-direction: column;
    }

    .construction .section-img-container img {
        position: unset;
    }

    .construction .button-container {
        width: 100%;
    }

    .triz-main-img img {
        width: 100%;
    }

    .triz-bottom-img img {
        width: 100%;
    }

    .construction .about {
        border-radius: 10px;
        padding: 15px 19px;
        margin-top: 14px;
    }

    .construction .text {
        max-width: 687px;
        margin: 4px 0 0 18px;
        font-size: 16px;
    }

    .section-img-container {
        margin-top: 20px;
    }

    .construction a.children.btn.gray-btn-style {
        max-width: 100%;
    }

    .construction .button-container {
        margin-top: 29px;
    }

    .title-border-style-v.right-rotation-block:after {
        width: 100px;
        height: 31px;
        top: -7px;
        right: -17px;
    }

    section.triz {
        margin: 26px 20px 0 0;
    }

    .triz-main-img {
        margin-top: 19px;
    }

    h2.triz-title {
        margin-right: 15px;
        margin-bottom: 20px;
    }

    section.triz {
        margin: 30px 0px 0 0;
    }

    .educational-program-img img {
        width: 100%;
        height: 235px;
        object-fit: cover;
        border-radius: 20px;
    }

    .construction a.children.btn.gray-btn-style {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .construction a.record.btn.yellow-btn-style {
        max-width: 470px;
        font-size: 16px;
    }

    .construction-educational-program .educational-program-title {
        margin-bottom: 20px;
    }

    section.construction-educational-program {
        margin-top: 30px;
    }

    .triz-bottom-text {
        padding: 15px 20px;
        margin-top: 17px;
        text-align: justify;
    }

    .triz-bottom-img {
        margin-top: 17px;
    }

    .triz-bottom-img img {
        width: 100%;
        height: 88px;
        object-fit: contain;
    }

    section.special {
        margin-top: 30px;
    }

    section.construction-laboratory {
        margin-top: 30px;
    }

    section.construction-laboratory .laboratory-main {
        margin-top: 20px;
    }

    section.construction-laboratory .laboratory-slider:after {
        width: 88px;
        height: 47px;
    }

    section.construction-laboratory .btnPrev {
        right: 49px;
    }

    section.construction-laboratory .btnNext {
        right: 9px;
    }

    section.construction-laboratory .laboratory-slider .slider-btn {
        bottom: 10px;

    }

    .example-items {

        flex-direction: column;
    }

    section.scratch {
        display: flex;
        flex-direction: column;
    }

    section.scratch .button-container {
        width: 100%;
        margin-top: 10px;
    }

    .laboratory-img img {
        width: 100%;
        border-radius: 20px;
    }

    .scratch .about {
        font-size: 16px;
        margin: 20px 0;
        padding: 17px 20px;
        border-radius: 10px;
        border: 1px solid #D9D9D9;
    }

    section.scratch .section-img-container img {
        position: unset;
        margin-top: 10px;
    }

    .mdl-success {
        align-items: center;
        justify-content: center;
        width: auto;
    }

    .scratch .text {
        max-width: 551px;
        margin-top: 0;
        margin-left: 19px;
        font-size: 16px;
    }

    section.scratch .gray-btn-style {
        background: #F1F1F1;
        color: #2B2B2B;
        max-width: 100%;
        margin-left: 0;
    }

    section.scratch-about {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    section.scratch .btn {
        font-size: 16px;
        margin-top: 20px;
    }

    .scratch .title-border-style-v.right-rotation-block:after {
        width: 135px;
    }

    section.scratch .laboratory-text {
        margin-top: 14px;
    }

    .laboratory-img {
        margin: 15px 0;
    }

    .laboratory-img:last-child {
        margin: 15px 0 0 0;
    }

    section.scratch .laboratory-img img {
        border-radius: 20px;
    }

    section.example {
        margin: 30px 0 0 0;
    }

    .example-items {
        margin-top: 20px;
    }

    .example-item-img img {
        width: 100%;
    }

    .example-item-title {
        margin: 22px 0 50px 0;
        font-size: 18px;
    }

    .example-item {
        min-height: 343px;
        margin-bottom: 15px;

    }

    .example-item:last-child {
        margin-bottom: 0px;
    }

    a.example-item-link {
        width: 144px;
        height: 44px;
        font-size: 16px;
    }

    section.python {
        flex-direction: column;
    }

    section.python .button-container {
        width: 100%;
        margin-top: 21px;
    }

    section.python .about {
        font-size: 16px;
        margin: 20px 0;
        border-radius: 10px;
        padding: 17px 19px;
    }

    section.python .text {
        margin-top: 0;
        margin-left: 20px;
        font-size: 16px;
    }

    section.python .section-img-container img {
        position: unset;
    }

    section.python a.children.btn.gray-btn-style {
        max-width: 100%;
        font-size: 16px;
    }

    section.python a.record.btn.yellow-btn-style {
        font-size: 16px;
        margin-top: 20px;
    }

    .python-about {
        margin: 30px 0 0 0;
    }

    section.python-about .laboratory-main {
        margin-top: 20px;
    }

    section.python-about .laboratory-text {
        padding: 16px 19px;
    }

    section.masterilka {
        margin-top: 14px;
        display: flex;
        flex-direction: column;
    }

    section.masterilka .section-img-container img {
        position: unset;
        border-radius: 20px;
    }

    section.masterilka .button-container {
        width: 100%;
        margin-top: 20px;
    }

    section.masterilka-construction-laboratory .laboratory-container-right {
        width: 100%;
    }

    section.masterilka .about {
        border-radius: 10px;
        padding: 17px 20px;
        margin: 20px 0 0 0;
    }

    section.masterilka a.children.btn.gray-btn-style {
        max-width: 100%;
        font-size: 16px;
    }

    section.masterilka .text {
        font-size: 16px;
        max-width: 730px;
        padding: 20px 0 0 19px;
    }

    section.masterilka a.record.btn.yellow-btn-style {
        max-width: 470px;
        font-size: 16px;
        margin-top: 21px;
    }

    section.masterilka .title-border-style-v.right-rotation-block {
        position: relative;
    }

    section.masterilka .title-border-style-v.right-rotation-block:after {
        position: absolute;
        width: 108%;
        height: 31px;
        top: -4px;
        right: -4px;
    }

    .masterilka .title-border-style-v.right-rotation-block:after {
        width: 162px;
    }

    .construction-educational-program .educational-program-main {
        flex-direction: column;
    }

    .construction-educational-program .educational-program-text {
        padding: 15px 20px;
    }

    section.example-yt {
        margin-top: 30px;
    }

    a.example-item-yt img {
        width: 100%;
        object-fit: cover;
        height: 233px;
        border-radius: 20px;
    }

    .example-yt .example-item {
        min-height: 233px;
    }

    a.example-item-yt {
        display: block;
        height: 100%;
    }

    section.masterilka-construction-laboratory .laboratory-main {
        margin-top: 20px;
    }

    section.masterilka-construction-laboratory .laboratory-text-u {
        margin-top: 17px;
        margin-bottom: 3px;
        padding: 15px 20px;
        background: #F1F1F1;
        border-radius: 20px;
        text-align: justify;
    }

    section.masterilka-construction-laboratory {
        margin-top: 30px;
    }

    .laboratory-slider:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 88px;
        height: 47px;
        background: #FFFFFF;
        border-radius: 20px 0 20px 0;
        bottom: 0;
        right: -1px;
    }

    .laboratory-text-u {
        margin-bottom: -9px;
    }

    section.olimpic {
        display: flex;
        margin-bottom: 0;
        flex-direction: column;
    }

    section.olimpic .section-img-container img {
        position: unset;
    }

    section.olimpic .button-container {
        margin-top: 20px;
        width: 100%;
    }

    section.olimpic .button-container-b:last-child {
        width: 100%;
    }

    section.olimpic .section-title {
        margin-bottom: 0;
    }

    section.olimpic .text {
        font-size: 16px;
        margin: 20px 0;
        max-width: 895px;
        border-radius: 10px;
        padding: 20px 19px;
    }

    section.olimpic .text:nth-child(3) {
        border: none;
        font-size: 16px;
        margin: 0;
        padding-top: 0;
    }

    section.olimpic .section-img-container {
        margin-top: 0;
        border: 1px solid #D8D6D6;
        border-radius: 20px;
    }

    section.olimpic .section-img-title {
        font-size: 16px;
        margin-bottom: 14px;
        margin-top: 19px;
    }

    .section-img-title-min {
        font-size: 16px;
        margin-top: 3px;
    }

    section.olimpic .button-container-title {
        margin-top: 17px;
        font-size: 18px;
        margin-right: 29px;
    }

    section.olimpic .btn {
        font-size: 16px;
    }

    section.olimpic .gray-btn-style:last-child {
        margin: 20px 0;
    }

    .olimpic .title-border-style-v.right-rotation-block:after {
        width: 138px;
    }

    .olimpic .title-border-style-v2.right-rotation-block:after {
        width: 138px;
    }

    section.olimpic-faq {
        margin-top: 30px;
    }

    .olimpic-faq .container {
        height: auto;
        flex-direction: column;
        max-height: unset;
    }

    .faqs {
        margin-top: 20px;
    }

    .asked {
        align-items: flex-start;
        padding: 0 11px 0 30px;
    }

    .asked-text {
        text-align: justify;
        font-size: 16px;
    }

    .question {
        font-size: 16px;
    }

    .olimpic-faq ul.new-mark li {
        display: flex;
        margin-bottom: 12px;
        font-size: 16px;
        text-align: start;
    }

    .olimpic-faq .text {
        padding: 15px 20px;
        margin-top: 11px;
    }

    .olimpic-faq .text:before {
        top: -11px;
        left: 19px;
        width: 43px;
        height: 30px;
        background-size: contain;
    }

    .olimpic-faq .text p {
        text-indent: 54px;
        margin: 0;
        text-align: justify;
    }

    .form-flex-container {
        display: flex;
        flex-direction: column;
    }

    .form-section:first-child {
        width: 100%;
        margin-bottom: 15px;
    }

    .form-section:nth-child(2) {
        width: 100%;
        margin-bottom: 30px;
    }

    .payment .agree {
        font-size: 12px;
        max-width: none;
        margin-right: 0;
    }

    .price .title-border-style-v.right-rotation-block {
        color: #000;
        margin: 0;
        transform: rotate(0deg);
    }

    .price .title-border-style-v.right-rotation-block:after {
        display: none;
    }

    .prices-item-button a {
        width: 100%;
        font-size: 16px;
        margin-top: 17px;
        font-family: 'arial-bold';
    }

    h3.prices-item-title {
        margin: 0 0 17px 0;
    }

    .prices-item-footer {
        font-size: 16px;
    }

    .prices-item-text {
        font-size: 16px;
        margin-bottom: 17px;
    }

    .fotogalereya-text {
        font-size: 16px;
    }

    .fotogalereya-item:nth-child(3n-1) {
        margin: 0 0 24px 0;
    }

    .item-name {
        font-size: 16px;
    }

    .select-wrapper ul {
        left: -20px;
        pointer-events: none;
    }

    .select-wrapper .active-ul {
        left: -20px;
        pointer-events: all;
    }

    .company-info {
        border: 0;
        border-radius: 0;
        padding: 0;
    }

    .company-info-item {
        height: auto;
        display: flex;
        flex-direction: column;
        background: #fff;
        margin-top: 15px;
    }

    .company-info-item span:nth-child(1) {
        width: 100%;
        padding: 0 0 11px 0;
    }

    .company-info-item span {
        font-size: 14px;
        line-height: 16px;
    }

    .adres-item-contrainer {
        margin-top: 20px;
    }

    .docs {
        padding: 0;
        margin-top: 30px;
    }

    .docs-ul {
        display: flex;
        flex-direction: column;
        margin: 20px 0 30px 0;
    }

    .docs-item {
        width: auto;
        height: 66px;
    }

    .docs-item:last-child {
        margin-bottom: 0;
    }

    .question-title {
        width: 250px;
    }

    .docs-item span {
        width: 245px;
        font-size: 14px;
        line-height: 16px;
        padding: 16px 0 20px 20px;
    }

    .contact-info {
        padding: 0;
    }

    .contact-info-item {
        height: auto;
        display: flex;
        flex-direction: column;
        background: #fff;
    }

    .contact-info-item span:nth-child(1) {
        width: auto;
        padding: 0 0 11px 0;
    }

    .adres {
        padding: 0;
        margin-top: 25px;
    }

    .adres-item-contrainer {
        display: flex;
        flex-direction: column;
    }

    .adres-item {
        width: auto;
        margin-bottom: 15px;
    }

    .error-text {
        margin-bottom: 30px;
    }

    .error-img {
        margin: 18px 0px 0 -41px;
    }

    .error-container {
        margin: 0;
    }

    .error-message {
        min-width: 192px;
        margin: 7px 0 0 -53px;
    }

    .robot-img img {
        margin: 0 -3px 0 -13px;
        width: 231px;
    }

    .error-btn {
        font-size: 16px;
        font-family: 'arial-bold';
    }

    .fotogalereya-bottom {
        flex-direction: column;
        align-items: flex-end;
    }

    .fotogalereya-info {
        width: 100%;
        margin-top: 5px;
    }

    .contact-info {
        display: block;
    }

    .contact-info-tel-container {
        padding: 20px;
        border: 1px solid #D8D6D6;
        border-radius: 20px;
    }

    .contact-info-socmedia-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 20px 0;
    }

    .contact-info-socmedia-container .footer-socmedia {
        width: 153px;
    }

    .contact-info-socmedia-container .footer-ok {
        width: 38px;
        height: 38px;
        background-size: cover;
    }

    .contact-info-socmedia-container .footer-vk {
        width: 39px;
        height: 38px;
    }

    .contact-info-socmedia-container .footer-ytb {
        width: 53px;
        height: 38px;
    }

    .contact-info-tel-button {
        margin: 20px 0 0 0;
        width: 100%;
        font-size: 16px;
        font-family: 'arial-bold';
    }

    .contact-info-email {
        white-space: nowrap;
        font-size: 20px;
        heigth: 38px;
        margin-left: 0;
        }

    .contact-item {
        border: 0;
        border-radius: unset;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: 0;
    }

    .contact-item-text-container {
        padding: 20px;
        border: 1px solid #D8D6D6;
        border-radius: 20px;
        margin: 0 0 5px 0;
    }

    .contact-item-title {
        font-size: 18px;
    }

    .contact-item-geo {
        margin: 20px 0 20px 0;
        display: inline-flex;
    }

    .contact-item-geo:before {
        min-width: 20px;
    }

    .contact-time:before {
        min-width: 20px;
    }

    .contact-map {
        width: 100%;
        font-size: 16px;
        font-family: 'arial-bold';
        margin: 20px 0;
    }

    .mob-slider-btn-container {
        position: absolute;
        width: 87;
        height: 46;
        bottom: 13px;
        right: -1px;
        background: #FFF;
        border-radius: 20px 0 20px 0;
    }

    .mob-contact-item-slider-img {
        width: 350px;
    }

    .mob-contact-item-slider-img img {
        width: 100%;
        border-radius: 20px;
    }

    .mob-contact-item-slider-wrapper {
        display: flex;
        transition: transform 0.5s ease;
        margin-bottom: 15px;
    }

    .mob-contact-item-slider {
        overflow: hidden;
        position: relative;
        width: 350px;
    }

    .mob-slider-btn-container .slider-btn {
        bottom: 10px;
    }

    .mob-contact-item-slider-pagination {
        position: absolute;
        display: flex;
        bottom: 35px;
        left: 30px;
    }

    .mob-contact-item-slider-pagination span {
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #FFFFFF80;
    }

    .mob-contact-item-slider-pagination span:not(:first-child) {
        margin-left: 10px;
    }

    .prices-item:hover .prices-item-inner {
        transform: rotateY(0deg);
    }

    .prices-item-footer-coast {
        margin-top: 15px;
    }

    .prices-item-footer-time {
        align-items: center;
    }

    .prices-item-footer-coast {
        align-items: center;
    }

    .prices-item-footer-time:before {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    .prices-item-footer-coast:before {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    button#load-more {
        margin-top: 0;
    }

    .wrapper-main.foto-gallery-inner .news-item:nth-child(3n-1) {
        margin: 0 0 20px 0;
    }

    .wrapper-main.foto-gallery-inner h2 {
        margin: 15px 0;
    }

    .wrapper-main.foto-gallery-inner {
        padding: 0 20px;
    }

    section.fotogalery-mp-mob .wrapper-full {
        padding: 0;
    }

    .reg-mdl-wrapper {
        z-index: 1000000;
    }

    .mdl-payment-success {
        width: 100%;
        z-index: 10000000;
    }

    .legal-info .about {
        font-size: 16px;
    }

    .legal-info h3 {
        font-size: 18px;
    }

    .adres-item span {
        font-size: 16px;
    }

    h3.prices-item-title, h3.prices-item-title-1 {
        font-size: 18px;

    }

    .prices-item:nth-child(2n-1) .prices-item-front {
        background: #f1f1f1;
    }

    .prices-item:nth-child(2n) .prices-item-front {
        background: #fff;
    }

    .prices-item:nth-child(2n) .prices-item-footer {
        background: #f1f1f1;
    }

    .prices-item:nth-child(2n-1) .prices-item-footer {
        background: #fff;
    }

    .prices-item-front, .prices-item-back {
        height: auto;
        padding: 17px;
        position: sticky;
        justify-content: normal;
    }

    .prices-item-front:before {
        display: none;
    }

    .prices-item {
        height: auto;
        width: 100%;
        margin-bottom: 15px;
    }

    .payment .about {
        font-size: 16px;
    }

    .construction .about {
        margin: 20px 0;
    }

    educational-robotics-container {
        width: 100%;
    }

    .educational-robotics-container-img-1 {
        background: url(../media/images/educational-robotics-1.svg) no-repeat;
        background-size: contain;
        display: block;
        margin: -15px 25px -25px;
        height: 30vw;
        position: relative;
        z-index: 4;
    }

    .educational-robotics-container-img-2 {
        background: url(../media/images/educational-robotics-2.svg) no-repeat;
        background-size: contain;
        display: block;
        margin: -15px 25px -25px;
        height: 30vw;
        position: relative;
        z-index: 4;
    }

    .educational-robotics-container-img-3 {
        background: url(../media/images/educational-robotics-3.svg) no-repeat;
        background-size: contain;
        display: block;
        margin: -15px 25px -25px;
        height: 30vw;
        position: relative;
        z-index: 4;
    }

    .payment h3 {
        font-size: 18px;
    }

    .success-img {
        width: 100%;
        top: unset;
        left: unset;
        height: 140px;
    }

    .price-main {
        margin-top: 20px;
    }

    .about-info .about {
        font-size: 16px;
        margin: 20px 0 30px 0;
    }

    .about-education {
        margin: 30px 0 0 0;
    }

    .about-education-ul ul {
        font-size: 14px;
        padding: 0;
    }

    .about-education-ul {
        padding: 20px;
        margin: 20px 0 20px 0;
    }

    .about-education h3 {
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    .mob-about-education-text {
        background: #fff;
        color: #000;
        border-radius: 20px;
        padding: 20px;
        font-size: 14px;
        border: 1px solid #D9D9D9;
        margin-bottom: 15px;
    }

    .about-education-footer {
        font-size: 14px;
    }

    .mob-about-education-item-slider-img {
        width: 350px;
    }

    .mob-about-education-item-slider-img img {
        width: 100%;
        border-radius: 20px;
    }

    .mob-about-education-item-slider-wrapper {
        display: flex;
        transition: transform 0.5s ease;
        margin-bottom: 15px;
    }

    .mob-about-education-item-slider {
        overflow: hidden;
        position: relative;
    }

    .mob-slider-btn-container .slider-btn {
        bottom: 10px;
    }

    .mob-mdl-form-container {
        display: block;
        padding: 30px 20px;
        width: 100vw;
        height: 100vh;
        position: fixed;
        overflow: scroll;
        background: #fff;
        z-index: 100000;
        top: 0;
        left: 0;
    }

    .mob-mdl-form-container .select-wrapper select {
        display: block;
    }

    .mob-mdl-form-container .simple_form_container {
        flex-direction: column;
    }

    .mob-mdl-form-container .input-container {
        width: 100%;
    }

    .mob-mdl-form-container select {
        background: #f1f1f1;
    }

    .mob-mdl-form-container input[type="checkbox"] {
        margin-right: 8px;
        box-shadow: 0px 0px 2px 0px #00000040;
    }

    .mob-mdl-form-container input[type="text"] {
        background: #f1f1f1;
    }

    .mob-mdl-form-container .select-wrapper {
        width: 100%;
    }

    .mob-mdl-form-container .select-wrapper select {
        width: 100%;
        margin-bottom: 10px;
    }

    .mob-mdl-form-container .input-container-2 {
        margin-bottom: 10px;
    }

    .select-wrapper::after {
        position: absolute;
        content: '';
        background: url(../media/images/select-Vector.svg) no-repeat;
        display: block;
        width: 12px;
        top: 20px;
        right: 13px;
        background-size: contain;
        height: 8px;
        transform: rotate(0deg);
        transition: all ease-in-out 0.2s;
    }

    .select-wrapper-active::after {
        transform: rotate(180deg);
    }

    .mob-mdl-form-container .input-phone input[type="text"]:nth-child(2) {
        margin: 0;
    }

    .mob-mdl-form-container .input-phone input[type="text"]:nth-child(1) {
        margin-bottom: 0;
    }

    .mob-green-btn-style {
        text-align: center;
        border-radius: 10px;
        display: block;
        font-size: 16px;
        font-family: 'arial-bold';
        color: #fff;
        width: 100%;
        padding: 20px 0;
        background: #77A03A;
    }

    .mob-mdl-form-container .form-header {
        font-size: 20px;
        max-width: 250px;
        min-height: max-content;
        margin-bottom: 25px;
    }

    .mob-mdl-form-container form {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        margin-bottom: 60px;
    }

    .mob-mdl-form-container .form-footer {
        height: auto;
        margin: 20px 0;
    }

    .mob-mdl-form-container input[name="web_form_submit"] {
        margin: 0;
    }

    .mob-mdl-form-container .mob-green-btn-style {
        margin-bottom: 15px;
    }

    .mob-mdl-form-container .input-container input[type="text"] {
        margin-bottom: 10px;
    }

    /* .mob-mdl-form-container  */
    .mob-mdl-form-container input {
        margin: 0;
    }

    .mob-mdl-form-container select {
        margin: 0;
    }

    .mob-mdl-form-container .agree {
        max-width: none;
        padding: 0;
    }

    .mob-mdl-form-container .close-btn {
        position: absolute;
        right: 20px;
        top: 28px;
        width: 44px;
        background-size: auto;
        background-position: center;
        height: 44px;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
    }

    .mob-mdl-form-container input[type="text"] {
        height: 53px;
    }

    .mob-mdl-form-container select {
        height: 53px;
    }
    .course-container a.btn-style span{
        width: 187px;
    }
    .course-container a.btn-header-6.btn-style img {
        /*background: url(../media/images/btn-header-1.svg);*/
        content: '';
        min-width: 80px;
        height: 61px;
        margin-right: 25px;
    }

    .mdl-success .mdl-header {
        margin-top: 50px;
    }

    section.neyro {
        display: flex;
        flex-direction: column;
    }

    section.neyro h1 {
        margin-top: 5px;
    }

    section.neyro .about {
        font-size: 16px;
        margin: 20px 0 0 0;
        max-width: 100%;
        background: #fff;
        border: 1px solid #D9D9D9;
        border-radius: 20px;
        font-family: 'arial-bold', sans-serif;
        padding: 20px;
    }

    section.neyro .text {
        font-size: 16px;
        margin: 0;
        padding: 20px;
        max-width: 100%;
    }

    section.neyro .section-img-container {
        margin-top: 0;
    }

    section.neyro .section-img-container img {
        position: sticky;
    }

    section.neyro .button-container {
        margin-top: 20px;
        width: 100%;
        max-width: 100%;
    }

    section.neyro a.children.btn.gray-btn-style {
        max-width: 100%;
        font-size: 16px;
    }

    section.neyro a.record.btn.yellow-btn-style {
        font-size: 16px;
        margin-top: 15px;
    }

    section.neyro-about .laboratory-title {
        margin-top: 30px;
    }

    section.neyro-about .laboratory-main {
        margin-top: 20px;
    }

    section.neyro-about .laboratory-text {
        margin-bottom: 0;
    }

    section.neyro-progects .laboratory-img {
        margin: 0;
    }

    section.neyro-progects .progects-item {
        padding: 20px;
        margin: 0;
    }

    section.neyro-progects .progects-item:not(:last-child) {
        margin: 0 0 15px 0;
    }

    section.neyro-progects .progects-item:nth-child(2n) {
        background: #fff;
        border: 1px solid #D9D9D9;
    }

    section.neyro-progects .progects-title {
        margin-top: 30px;
        font-size: 20px;
    }

    section.neyro-progects .progects-item-title {
        font-size: 18px;
        width: 65vw;
    }

    section.neyro-progects .progects-item-text {
        font-size: 16px;
    }

    section.neyro-progects .progects-item-num {
        width: 58px;
        height: 45px;
    }

    section.neyro-progects .progects-item:nth-child(1) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-1.svg) no-repeat center center;
    }

    section.neyro-progects .progects-item:nth-child(2) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-2.svg) no-repeat center center;
    }

    section.neyro-progects .progects-item:nth-child(3) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-3.svg) no-repeat center center;
    }

    section.neyro-progects .progects-item:nth-child(4) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-4.svg) no-repeat center center;
    }

    section.neyro-progects .progects-item:nth-child(5) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-5.svg) no-repeat center center;
    }

    section.neyro-progects .progects-item:nth-child(6) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-6.svg) no-repeat center center;
    }

    section.neyro-progects .progects-item:nth-child(7) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-7.svg) no-repeat center center;
    }

    section.neyro-progects .progects-item:nth-child(8) .progects-item-num {
        background: url(../media/images/mob-progects-item-num-8.svg) no-repeat center center;
    }

    section.neyro-progects .progects-footer {
        text-indent: 30px;
        padding: 20px;
    }

    section.neyro-progects .progects-footer h4 {
        margin: 0;
    }

    section.neyro-progects .progects-footer:before {
        left: 20px;
        width: 43px;
        background-size: contain;
        height: 28px;
    }

    section.summer {
        margin-top: 14px;
        display: flex
    ;
        flex-direction: column;
    }
    section.summer .about {
        border-radius: 10px;
        padding: 17px 20px;
        margin: 20px 0 0 0;
    }
    section.summer .text {
        font-size: 16px;
        max-width: 730px;
        padding: 20px 0 0 19px;
    }
    section.summer .section-img-container img {
        position: unset;
        border-radius: 20px;
    }
    section.summer .button-container {
        width: 100%;
        margin-top: 20px;
    }
    section.summer a.children.btn.gray-btn-style {
        max-width: 100%;
        font-size: 16px;
    }
    section.summer .title-border-style-v.right-rotation-block {
        position: relative;
    }
    section.summer a.record.btn.yellow-btn-style {
        max-width: 470px;
        font-size: 16px;
        margin-top: 21px;
    }
    section.summer .section-img-container img {
        width: 100%;
    }
    section.summer .title-border-style-v.right-rotation-block:after {
        width: 168px;
    }
    section.summer-about .laboratory-container-left .laboratory-img-u img {
        width: 100%;
    }
    section.summer-about .laboratory-third-photo {
        display: none;
    }
    section.summer-about .laboratory-container-left{
        margin-top: 20px;
    }
    .mobile-menu.mobile-view .course-list .mobile-menu-course a.btn-style:first-child{
        border: 1px solid #FFDD2E;
        background: #FFDD2E !important;
    }
}

.select-wrapper .active-ul {
    pointer-events: all;
}

strong {
    font-family: 'arial-bold', sans-serif;
    font-weight: 700;
}


@media screen and (max-width: 380px) {
    i.plane.plane-1 {
        left: 70px;
        top: 224px;
    }

    i.plane.plane-2 {
        right: 87px;
        top: 516px;
    }

    i.plane.plane-3 {
        right: 27px;
        top: 800px;
    }

    .select-wrapper a {
        font-size: 14px;
    }

    h2.first-lesson:before {
        top: 49px;
        left: 56px;
    }

    .question-title {
        max-width: 210px;
    }

    .slider-lessons {
        width: 100%;
    }

    .slider-lessons .slider-item {
        min-width: calc(100vw - 40px);
    }

    .select-wrapper {
        width: 100%;
    }

    .slider-item img {
        min-width: 100%;
    }

}

.diplom-mob img {
    width: 100%;
}

.mob-achiev-section-2 {
    margin-bottom: 30px;
}

.container {
    width: 100%;
    height: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.mob-slider-container-diplom {
    /*width: 100%;*/
    /*!* overflow: hidden; *!*/
    /*height: 350px;*/
    /*margin-top: 150px;*/
}

.mob-slider-diplom {
    display: flex;
    /*margin-top: 30px;*/
    transition: transform 0.5s ease-in-out;
}

.mob-slider-item-diplom {
    /* flex: 0 0 20%; */
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transform: scale(0.9) translateX(0) rotate(0deg);
    filter: brightness(0.9) blur(0.3px);
}

.mob-slider-item-diplom img {
    width: 100%;
    box-shadow: 0px 0px 2px 0px #00000040;
    border-radius: 7px;
}

.mob-slider-item-diplom.active {
    /* flex: 0 0 40%; */
    opacity: 1;
    z-index: 1;
    transform: scale(1) translateX(0) rotate(0deg) !important;
    filter: brightness(1) blur(0);;
    border-radius: 20px;
}

.mob-slider-btn {
    font-size: 2rem;
    color: #333;
    cursor: pointer;
    user-select: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.mob-prev-btn {
    left: 10px;
}

.mob-next-btn {
    right: 10px;
    /* transform: rotate(180deg); */
}

.mob-wrapper-btn div {
    background: #F1F1F1;
    width: 30px;
    height: 30px;
    padding: 9px 12px 0 0;
    cursor: pointer;
    border-radius: 50%;
    transition: all ease-in-out 0.2s;;
}

.mob-wrapper-btn div:after {
    content: '';
    background: url(../media/images/black-arrow-mob.svg) no-repeat;
    width: 7px;
    height: 11px;
    cursor: pointer;
    /* transform: rotate(180deg); */
    position: relative;
    float: right;
}

.mob-wrapper-btn .mob-next-btn:after {
    transform: rotate(180deg);
}

.greenDot-border {
    position: relative;
    width: 14px;
    height: 14px;
    top: -14px;
    bottom: 0;
    right: 0;
    border: #77A03A solid 1px;
    border-radius: 100%;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
    left: 24px;
}

.hmb-active .greenDot-border {
    display: none;
}

@keyframes fadeOut {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
    }

}

.error {
    border: 1px solid red !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.5;
    }
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: black;
    transition: background-color 5000s ease-in-out 0s;
}

.info_dev ul li {
	
	padding: 10px 0px;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.info2 li span {
    line-height: 13px;
    padding: 20px 0 20px 20px;
}

@media screen and (max-width: 350px) {
    .laboratory-slider .slider-item {
        min-width: 310px;
    }

    .laboratory-slider {
        max-width: 310px;
    }

    .slider-main-text-container {
        width: 310px;
    }

    .fotogalery-mp-mob-slider-text {
        min-width: 260px;
    }

    .mob-contact-item-slider {
        width: 320px;
    }

    .mob-contact-item-slider-img {
        width: 320px;
    }

    .question {
        padding-left: 20px;
    }

    .question-title {
        max-width: 190px;
    }

    .first-lesson-boy {
        bottom: -80px;
    }
}