.visiblehidden {
    visibility: hidden!important;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: rgba(0,0,0,0)
}

strong {
    font-weight: bolder
}

img {
    border-style: none
}

button, input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button {
    text-transform: none
}

[type=submit], button {
    -webkit-appearance: button
}

    [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: ButtonText dotted 1px
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

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

a {
    color: #0682c9
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

html {
    overflow-x: hidden
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background-color: #fff;
    font-size: 15px;
    font-family: Raleway,sans-serif
}

img {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none
}

.k-container {
    width: 100%;
    max-width: 1182px;
    margin: 0 auto;
    padding: 0 24px
}

@media only screen and (min-width:768px) {
    .k-container {
        padding: 0 16px
    }
}

.full-container {
    padding: 0 24px;
    margin: 36px 0
}

    .full-container.mb--36-18 {
        margin-bottom: 36px
    }

.k-grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 12px
}

.k-gap-s {
    gap: 12px
}

@media (min-width:0px) {
    .k-col-xs-12 {
        grid-column: span 12
    }
}

.k-row-10 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    grid-column: 2/span 10
}

.jc--c {
    justify-content: center
}

.js--c {
    justify-self: center
}

.hidden-mobile {
    display: none
}

.show-only-mobile {
    display: block
}

@media only screen and (min-width:768px) {
    .full-container {
        padding: 0
    }

    .full-container--mt-48 {
        margin-top: 48px
    }

    .full-container.mb--36-18 {
        margin-bottom: 18px
    }

    .k-row-10 {
        grid-column: 2/span 10;
        grid-template-columns: repeat(6,1fr)
    }

    .hidden-mobile {
        display: block
    }

    .show-only-mobile {
        display: none
    }

    
}


.burger-menu {
    color: #1d1d1d;
    font-size: 26px;
    line-height: 26px;
    justify-self: end;
    display: flex;
    justify-content: flex-end
}

.mmob {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    display: none;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    background: #009fe3
}

.mmob__overlay {
    background: rgba(20,64,140,.7);
    color: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-shadow: -2px 0 10px rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0
}

.mmob__close {
    position: absolute;
    top: 48px;
    right: 40px;
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 28px;
    padding: 0;
    line-height: 20px
}

.mmob__nav {
    padding: 84px 48px 36px;
    flex: 1
}

@media only screen and (min-width:768px) {
    .fp-home__h1 > h2 {
        font-family: "Raleway Regular",sans-serif;
        font-size: 18px;
        line-height: 22px;
        max-width: 100%
    }

    .fp-home__logos .k-grid {
        display: grid
    }

    .fp-home__logos img {
        width: 147px;
        height: 75px
    }

    .fp-home__form {
        margin: 72px 0 48px
    }

    .mmob__close {
        right: 40px
    }

    .mmob__nav {
        height: auto
    }
}

.mmob__nav ul {
    display: flex;
    flex-direction: column;
    gap: 36px;
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .mmob__nav ul {
        width: 312px
    }

    header[data-header=v4] {
        height: 92px
    }
}

.mmob__nav ul a {
    font-family: "Raleway Bold",sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

.mmob__nav ul > li {
    max-width: 100%
}

    .mmob__nav ul > li strong {
        font-family: "Raleway Bold",sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase
    }

    .mmob__nav ul > li > ul {
        gap: 6px;
        margin-top: 12px;
        width: 312px;
        max-width: 100%
    }

        .mmob__nav ul > li > ul > li > a {
            font-family: "Raleway Regular",sans-serif;
            font-size: 14px;
            line-height: 20px;
            text-transform: none;
            display: block;
            padding: 6px 12px
        }

.mmob > div {
    background: #d7f0ff;
    padding: 0 48px
}

    .mmob > div button[data-header-phone] {
        margin: 24px 0;
        padding: 15px;
        background: #fff;
        color: #009fe3;
        border-radius: 25px;
        border: 1px solid #009fe3;
        font-family: "Raleway Bold",sans-serif;
        font-size: 16px;
        line-height: 22px;
        width: 100%
    }

.mmob.v4 {
    background: #009fe3;
    height: 100%
}

.mmob__nav li, .mmob__nav strong {
    position: relative
}

.mmob__nav strong {
    display: block;
    width: 100%
}


.footer .container .footer__title {
    font-weight: 600;
    font-size: 14px;
    color: rgba(51,51,51,.38)
}

.footer.v4 .footer__title.p-a-5 {
    display: none
}

.jc--c {
    justify-content: center;
    -ms-flex-align: center
}

.p-a-5 {
    padding: 5px
}

header {
    background-color: #fff;
    border-top: 12px solid #0096e6;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 12px 0;
    transition: all .3s ease;
    display: flex;
    height: auto;
    box-shadow: 0 1px 11px #e5e5e5;
}

    header.if-header {
        z-index: 4
    }

@media only screen and (min-width: 768px) {
    header[data-header=v4] {
        height: auto
    }
}

header .kgrid__container {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr auto
}

@media only screen and (min-width: 768px) {
    header .kgrid__container {
        grid-template-columns: 1fr auto 1fr auto;
        gap: 24px
    }
}

header .kgrid .logo {
    grid-column: 2;
    justify-self: center;
    order: 2
}

@media only screen and (min-width: 768px) {
    header .kgrid .logo {
        gap: 2rem;
        grid-column: auto;
        justify-self: left;
        order: 1
    }
}

header .kgrid .logo img {
    content: url(/assets//web/current/common/image/logo/educaonline/educaweb.svg);
    width: 153px
}

@media(min-width: 641px) {
    header .kgrid .logo img {
        min-width: 159px
    }
}

header .kgrid .phone-number {
    color: #0096e6;
    font-weight: bold;
    font-family: "Raleway Regular",sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-top: -5px;
    display: flex;
    justify-self: end;
    order: 3;
    margin-right: 0
}

    header .kgrid .phone-number.hidden-vis {
/*        opacity: 0;
        visibility: hidden*/
    }

    header .kgrid .phone-number img {
        width: 48px;
        height: 48px
    }

header .kgrid .link {
    color: #009fe3;
    font-family: "Raleway Regular",sans-serif;
    font-size: 18px;
    line-height: 22px;
    display: none;
    justify-content: end
}

@media only screen and (min-width: 768px) {
    header .kgrid .link {
        display: flex
    }
}

header .kgrid .link a {
    text-decoration: none
}

header .kgrid .search-container, header .kgrid .phone-number {
/*    opacity: 0;
    visibility: hidden;*/
    transition: opacity .3s ease,visibility .3s
}

header .kgrid .search-container {
    display: none
}

@media only screen and (min-width: 768px) {
    header .kgrid .search-container {
        display: flex;
        order: 2
    }
}

header .kgrid .phone-number {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width: 768px) {
    header .kgrid .phone-number {
        display: flex;
        order: 3;
        margin-right: 4px
    }
}

header .kgrid .phone-number span {
    width: 48px;
    height: 48px
}

@media only screen and (min-width: 768px) {
    header .kgrid .phone-number span {
        width: auto;
        height: auto
    }
}

header .kgrid .burger-menu {
    order: 1;
    justify-self: start;
    justify-content: flex-start
}

@media only screen and (min-width: 768px) {
    header .kgrid .burger-menu {
        display: flex;
        order: 4;
        justify-content: flex-end;
        justify-self: end
    }
}

@media only screen and (min-width: 768px) {
    header.scrolled--form .kgrid__container {
        display: flex;
        gap: 12px;
        align-items: center
    }
}

@media only screen and (min-width: 768px)and (min-width: 768px) {
    header.scrolled--form .grid__container {
        gap: 24px
    }
}

@media only screen and (min-width: 768px) {
    header.scrolled--form .phone-number {
        display: flex;
        opacity: 1;
        visibility: visible;
        margin-right: 16px
    }

    header.scrolled--form .search-container {
        display: flex;
        opacity: 1;
        visibility: visible;
        flex: 1;
        order: 2
    }
}

@media only screen and (min-width: 768px)and (min-width: 768px) {
    header.scrolled--form .search-container {
        flex: inherit
    }
}

header.scrolled {
    box-shadow: 0px 0px 10px 3px rgba(24,24,56,.1215686275);
    transition: all .3s ease
}

    header.scrolled .kgrid__container {
        display: flex;
        gap: 12px;
        align-items: center
    }

@media only screen and (min-width: 768px) {
    header.scrolled .grid__container {
        gap: 24px
    }
}

header.scrolled .grid__container .link {
    margin-right: 0
}

header.scrolled .search-container {
    display: flex;
    opacity: 1;
    visibility: visible;
    flex: 1;
    order: 2
}

@media only screen and (min-width: 768px) {
    header.scrolled .search-container {
        flex: inherit
    }
}

@media only screen and (min-width: 768px) {
    header.scrolled .phone-number {
        display: flex;
        opacity: 1;
        visibility: visible;
        margin-right: 16px
    }
}

header.scrolled .logo {
    grid-column: auto;
    justify-self: left;
    order: 1
}

    header.scrolled .logo > a {
        display: flex
    }

        header.scrolled .logo > a > picture {
            display: flex
        }

@media(max-width: 640px) {
    header.scrolled .logo img {
        max-width: 28px;
        content: url(/assets//web/current/common/image/logo/educaonline/educaweb-mobile.svg);
        width: 28px
    }
}

header.scrolled .phone-number {
    order: 3
}

header.scrolled .burger-menu {
    order: 4
}

@media only screen and (min-width: 992px) {
    header.scrolled + main .ceprv2__abs.zindex {
        top: 92px
    }
}

@media only screen and (min-width: 992px) {
    header.scrolled + main .ceprv2__sections-nav {
        top: 164px
    }
}

header .search-container {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto
}

    header .search-container > form {
        width: 100%
    }

    header .search-container .search-input {
        border-radius: 24px;
        padding: 12px 20px;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        outline: none;
        width: 100%;
        max-width: 100%
    }

        header .search-container .search-input .search-input {
            border: 1px solid #d9d9d9;
            max-width: 624px;
            height: 48px;
            box-shadow: none;
            padding: 12px;
            width: 100%;
            min-width: auto;
            font-family: "Raleway Regular",sans-serif;
            font-size: 12px;
            line-height: 18px
        }

@media only screen and (min-width: 768px) {
    header .search-container .search-input .search-input {
        height: 36px
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-input .search-input {
        font-family: "Raleway Regular",sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-input .search-input {
        min-width: 624px
    }
}

header .search-container .search-input .search-button {
    width: 36px;
    height: 36px
}

@media only screen and (min-width: 768px) {
    header .search-container .search-input__magnifier {
        display: flex
    }

        header .search-container .search-input__magnifier > svg {
            width: 12px;
            height: 12px
        }
}

header .search-container .search-button {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    background-color: #0096e6;
    border: none;
    border-radius: 30px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media only screen and (min-width: 992px) {
    header .search-container .search-button {
        width: 35px;
        height: 35px
    }
}

header .search-container .search-button__text {
    display: none
}

    header .search-container .search-button__text .search-input {
        border: 1px solid #d9d9d9;
        max-width: 624px;
        height: 48px;
        box-shadow: none;
        padding: 12px;
        width: 100%;
        min-width: auto;
        font-family: "Raleway Regular",sans-serif;
        font-size: 12px;
        line-height: 18px
    }

@media only screen and (min-width: 768px) {
    header .search-container .search-button__text .search-input {
        height: 36px
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-button__text .search-input {
        font-family: "Raleway Regular",sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-button__text .search-input {
        min-width: 624px
    }
}

header .search-container .search-button__text .search-button {
    width: 36px;
    height: 36px
}

@media only screen and (min-width: 768px) {
    header .search-container .search-button__text__magnifier {
        display: flex
    }

        header .search-container .search-button__text__magnifier > svg {
            width: 12px;
            height: 12px
        }
}

header .search-container .search-button .search-input {
    border: 1px solid #d9d9d9;
    max-width: 624px;
    height: 48px;
    box-shadow: none;
    padding: 12px;
    width: 100%;
    min-width: auto;
    font-family: "Raleway Regular",sans-serif;
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    header .search-container .search-button .search-input {
        height: 36px
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-button .search-input {
        font-family: "Raleway Regular",sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-button .search-input {
        min-width: 624px
    }
}

header .search-container .search-button .search-button {
    width: 36px;
    height: 36px
}

@media only screen and (min-width: 768px) {
    header .search-container .search-button__magnifier {
        display: flex
    }

        header .search-container .search-button__magnifier > svg {
            width: 12px;
            height: 12px
        }
}

header .search-container .search-button__magnifier {
    display: flex
}

header .search-container .magnifier {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
    margin-top: -4px;
    margin-left: -3px
}

    header .search-container .magnifier .search-input {
        border: 1px solid #d9d9d9;
        max-width: 624px;
        height: 48px;
        box-shadow: none;
        padding: 12px;
        width: 100%;
        min-width: auto;
        font-family: "Raleway Regular",sans-serif;
        font-size: 12px;
        line-height: 18px
    }

@media only screen and (min-width: 768px) {
    header .search-container .magnifier .search-input {
        height: 36px
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .magnifier .search-input {
        font-family: "Raleway Regular",sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .magnifier .search-input {
        min-width: 624px
    }
}

header .search-container .magnifier .search-button {
    width: 36px;
    height: 36px
}

@media only screen and (min-width: 768px) {
    header .search-container .magnifier__magnifier {
        display: flex
    }

        header .search-container .magnifier__magnifier > svg {
            width: 12px;
            height: 12px
        }
}

header .search-container .magnifier::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    top: 9px;
    left: 7px
}

    header .search-container .magnifier::after .search-input {
        border: 1px solid #d9d9d9;
        max-width: 624px;
        height: 48px;
        box-shadow: none;
        padding: 12px;
        width: 100%;
        min-width: auto;
        font-family: "Raleway Regular",sans-serif;
        font-size: 12px;
        line-height: 18px
    }

@media only screen and (min-width: 768px) {
    header .search-container .magnifier::after .search-input {
        height: 36px
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .magnifier::after .search-input {
        font-family: "Raleway Regular",sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .magnifier::after .search-input {
        min-width: 624px
    }
}

header .search-container .magnifier::after .search-button {
    width: 36px;
    height: 36px
}

@media only screen and (min-width: 768px) {
    header .search-container .magnifier::after__magnifier {
        display: flex
    }

        header .search-container .magnifier::after__magnifier > svg {
            width: 12px;
            height: 12px
        }
}

header .search-container .search-input {
    border: 1px solid #d9d9d9;
    max-width: 624px;
    height: 48px;
    box-shadow: none;
    padding: 12px;
    width: 100%;
    min-width: auto;
    font-family: "Raleway Regular",sans-serif;
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    header .search-container .search-input {
        height: 36px
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-input {
        font-family: "Raleway Regular",sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-input {
        min-width: 624px
    }
}

header .search-container .search-button {
    width: 36px;
    height: 36px
}

@media only screen and (min-width: 768px) {
    header .search-container__magnifier {
        display: flex
    }

        header .search-container__magnifier > svg {
            width: 12px;
            height: 12px
        }
}

/**-----------------------------*/

.burger-menu {
    cursor: pointer;
    justify-self: end;
    display: flex;
    justify-content: flex-end;
}

.mmob {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    display: none;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    background: #009fe3;
}

    .mmob.open {
        display: flex;
        right: 0;
        visibility: visible;
        opacity: 1;
        overflow-y: auto;
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    .mmob.open {
        width: auto;
    }
}

.mmob__overlay {
    background: rgba(20, 64, 140, 0.7);
    color: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .mmob__overlay.open {
        visibility: visible;
        opacity: 1;
    }

.mmob__close {
    position: absolute;
    top: 48px;
    right: 40px;
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 20px;
}

@media only screen and (min-width: 768px) {
    .mmob__close {
        right: 40px;
    }
}

.mmob__nav {
    padding: 84px 48px 36px 48px;
    flex: 1;
}

@media only screen and (min-width: 768px) {
    .mmob__nav {
        height: auto;
    }
}

.mmob__nav ul {
    display: flex;
    flex-direction: column;
    gap: 36px;
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .mmob__nav ul {
        width: 312px;
    }
}

.mmob__nav ul a {
    font-family: "Raleway Bold", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.mmob__nav ul > li {
    max-width: 100%;
}

    .mmob__nav ul > li strong {
        font-family: "Raleway Bold", sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase;
    }

        .mmob__nav ul > li strong a {
            color: #fff;
            font-weight: 600;
        }

    .mmob__nav ul > li > ul {
        gap: 6px;
        margin-top: 12px;
        width: 312px;
        max-width: 100%;
    }

        .mmob__nav ul > li > ul > li > a {
            font-family: "Raleway Regular", sans-serif;
            font-size: 14px;
            line-height: 20px;
            text-transform: none;
            display: block;
            padding: 6px 12px;
            transition: all ease-in-out 0.2s;
        }

            .mmob__nav ul > li > ul > li > a:hover {
                background-color: #d7f0ff;
                color: #0682c9;
                border-radius: 6px;
            }

        .mmob__nav ul > li > ul > li.on > a {
            background-color: #d7f0ff;
            color: #0682c9;
            border-radius: 6px;
        }

.mmob > div {
    background: #d7f0ff;
    padding: 0 48px;
}

    .mmob > div button[data-header-phone] {
        margin: 24px 0;
        padding: 15px;
        background: #fff;
        color: #009fe3;
        border-radius: 25px;
        border: 1px solid #009fe3;
        font-family: "Raleway Bold", sans-serif;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

.mmob.v4 {
    background: #009fe3;
    height: 100%;
}

.mmob__nav li,
.mmob__nav strong {
    cursor: pointer;
    position: relative;
}

.mmob__nav strong {
    display: block;
    width: 100%;
}

header {
    background-color: #fff;
    border-top: 12px solid #0096e6;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 12px 0;
    transition: all 0.3s ease;
    display: flex;
    height: auto;
}

    header.if-header {
        z-index: 4;
    }

@media only screen and (min-width: 768px) {
    header[data-header="v4"] {
        height: 84px;
    }
}

header .kgrid__container {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr auto;
}

@media only screen and (min-width: 768px) {
    header .kgrid__container {
        grid-template-columns: 1fr auto 1fr auto;
        gap: 24px;
    }
}

header .kgrid .logo {
    grid-column: 2;
    justify-self: center;
    order: 2;
}

@media only screen and (min-width: 768px) {
    header .kgrid .logo {
        gap: 2rem;
        grid-column: auto;
        justify-self: left;
        order: 1;
    }
}

header .kgrid .logo img {
    content: url(/assets//web/current/common/image/logo/educaonline/educaweb.svg);
    width: 153px;
}

@media (min-width: 641px) {
    header .kgrid .logo img {
        min-width: 159px;
    }
}

header .kgrid .phone-number {
    color: #0096e6;
    font-weight: bold;
    font-family: "Raleway Regular", sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-top: -5px;
    display: flex;
    justify-self: end;
    order: 3;
    margin-right: 0;
}

    header .kgrid .phone-number.hidden-vis {
/*        opacity: 0;
        visibility: hidden;*/
    }

    header .kgrid .phone-number img {
        width: 48px;
        height: 48px;
    }

header .kgrid .link {
    color: #009fe3;
    font-family: "Raleway Regular", sans-serif;
    font-size: 18px;
    line-height: 22px;
    display: none;
    justify-content: end;
}

@media only screen and (min-width: 768px) {
    header .kgrid .link {
        display: flex;
    }
}

header .kgrid .link a {
    text-decoration: none;
}

/*header .kgrid .search-container,
header .kgrid .phone-number {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s;
}*/

header .kgrid .search-container {
    display: none;
}

@media only screen and (min-width: 768px) {
    header .kgrid .search-container {
        display: flex;
        order: 2;
    }
}

header .kgrid .phone-number {
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 768px) {
    header .kgrid .phone-number {
        display: flex;
        order: 3;
        margin-right: 4px;
    }
}

header .kgrid .phone-number span {
    width: 48px;
    height: 48px;
}

@media only screen and (min-width: 768px) {
    header .kgrid .phone-number span {
        width: auto;
        height: auto;
    }
}

header .kgrid .burger-menu {
    order: 1;
    justify-self: start;
    justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
    header .kgrid .burger-menu {
        display: flex;
        order: 4;
        justify-content: flex-end;
        justify-self: end;
    }
}

@media only screen and (min-width: 768px) {
    header.scrolled--form .kgrid__container {
        display: flex;
        gap: 12px;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
    header.scrolled--form .grid__container {
        gap: 24px;
    }
}

@media only screen and (min-width: 768px) {
    header.scrolled--form .phone-number {
        display: flex;
        opacity: 1;
        visibility: visible;
        margin-right: 16px;
    }

    header.scrolled--form .search-container {
        display: flex;
        opacity: 1;
        visibility: visible;
        flex: 1;
        order: 2;
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
    header.scrolled--form .search-container {
        flex: inherit;
    }
}

header.scrolled {
    box-shadow: 0px 0px 10px 3px rgba(24, 24, 56, 0.1215686275);
    transition: all 0.3s ease;
}

    header.scrolled .kgrid__container {
        display: flex;
        gap: 12px;
        align-items: center;
    }

@media only screen and (min-width: 768px) {
    header.scrolled .grid__container {
        gap: 24px;
    }
}

header.scrolled .grid__container .link {
    margin-right: 0;
}

header.scrolled .search-container {
    display: flex;
    opacity: 1;
    visibility: visible;
    flex: 1;
    order: 2;
}

@media only screen and (min-width: 768px) {
    header.scrolled .search-container {
        flex: inherit;
    }
}

@media only screen and (min-width: 768px) {
    header.scrolled .phone-number {
        display: flex;
        opacity: 1;
        visibility: visible;
        margin-right: 16px;
    }
}

header.scrolled .logo {
    grid-column: auto;
    justify-self: left;
    order: 1;
}

    header.scrolled .logo > a {
        display: flex;
    }

        header.scrolled .logo > a > picture {
            display: flex;
        }

@media (max-width: 640px) {
    header.scrolled .logo img {
        max-width: 28px;
        content: url(/assets//web/current/common/image/logo/educaonline/educaweb-mobile.svg);
        width: 28px;
    }
}

header.scrolled .phone-number {
    order: 3;
}

header.scrolled .burger-menu {
    order: 4;
}

@media only screen and (min-width: 992px) {
    header.scrolled + main .ceprv2__abs.zindex {
        top: 92px;
    }
}

@media only screen and (min-width: 992px) {
    header.scrolled + main .ceprv2__sections-nav {
        top: 164px;
    }
}

header .search-container {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

    header .search-container > form {
        width: 100%;
    }

    header .search-container .search-input {
        border-radius: 24px;
        padding: 12px 20px;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        outline: none;
        width: 100%;
        max-width: 100%;
    }

        header .search-container .search-input .search-input {
            border: 1px solid #d9d9d9;
            max-width: 624px;
            height: 48px;
            box-shadow: none;
            padding: 12px;
            width: 100%;
            min-width: auto;
            font-family: "Raleway Regular", sans-serif;
            font-size: 12px;
            line-height: 18px;
        }

@media only screen and (min-width: 768px) {
    header .search-container .search-input .search-input {
        height: 36px;
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-input .search-input {
        font-family: "Raleway Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px;
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-input .search-input {
        min-width: 624px;
    }
}

header .search-container .search-input .search-button {
    width: 36px;
    height: 36px;
}

@media only screen and (min-width: 768px) {
    header .search-container .search-input__magnifier {
        display: flex;
    }

        header .search-container .search-input__magnifier > svg {
            width: 12px;
            height: 12px;
        }
}

header .search-container .search-button {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    background-color: #0096e6;
    border: none;
    border-radius: 30px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (min-width: 992px) {
    header .search-container .search-button {
        width: 35px;
        height: 35px;
    }
}

header .search-container .search-button__text {
    display: none;
}

    header .search-container .search-button__text .search-input {
        border: 1px solid #d9d9d9;
        max-width: 624px;
        height: 48px;
        box-shadow: none;
        padding: 12px;
        width: 100%;
        min-width: auto;
        font-family: "Raleway Regular", sans-serif;
        font-size: 12px;
        line-height: 18px;
    }

@media only screen and (min-width: 768px) {
    header .search-container .search-button__text .search-input {
        height: 36px;
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-button__text .search-input {
        font-family: "Raleway Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px;
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-button__text .search-input {
        min-width: 624px;
    }
}

header .search-container .search-button__text .search-button {
    width: 36px;
    height: 36px;
}

@media only screen and (min-width: 768px) {
    header .search-container .search-button__text__magnifier {
        display: flex;
    }

        header .search-container .search-button__text__magnifier > svg {
            width: 12px;
            height: 12px;
        }
}

header .search-container .search-button .search-input {
    border: 1px solid #d9d9d9;
    max-width: 624px;
    height: 48px;
    box-shadow: none;
    padding: 12px;
    width: 100%;
    min-width: auto;
    font-family: "Raleway Regular", sans-serif;
    font-size: 12px;
    line-height: 18px;
}

@media only screen and (min-width: 768px) {
    header .search-container .search-button .search-input {
        height: 36px;
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-button .search-input {
        font-family: "Raleway Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px;
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-button .search-input {
        min-width: 624px;
    }
}

header .search-container .search-button .search-button {
    width: 36px;
    height: 36px;
}

@media only screen and (min-width: 768px) {
    header .search-container .search-button__magnifier {
        display: flex;
    }

        header .search-container .search-button__magnifier > svg {
            width: 12px;
            height: 12px;
        }
}

header .search-container .search-button__magnifier {
    display: flex;
}

header .search-container .magnifier {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
    margin-top: -4px;
    margin-left: -3px;
}

    header .search-container .magnifier .search-input {
        border: 1px solid #d9d9d9;
        max-width: 624px;
        height: 48px;
        box-shadow: none;
        padding: 12px;
        width: 100%;
        min-width: auto;
        font-family: "Raleway Regular", sans-serif;
        font-size: 12px;
        line-height: 18px;
    }

@media only screen and (min-width: 768px) {
    header .search-container .magnifier .search-input {
        height: 36px;
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .magnifier .search-input {
        font-family: "Raleway Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px;
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .magnifier .search-input {
        min-width: 624px;
    }
}

header .search-container .magnifier .search-button {
    width: 36px;
    height: 36px;
}

@media only screen and (min-width: 768px) {
    header .search-container .magnifier__magnifier {
        display: flex;
    }

        header .search-container .magnifier__magnifier > svg {
            width: 12px;
            height: 12px;
        }
}

header .search-container .magnifier::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    top: 9px;
    left: 7px;
}

    header .search-container .magnifier::after .search-input {
        border: 1px solid #d9d9d9;
        max-width: 624px;
        height: 48px;
        box-shadow: none;
        padding: 12px;
        width: 100%;
        min-width: auto;
        font-family: "Raleway Regular", sans-serif;
        font-size: 12px;
        line-height: 18px;
    }

@media only screen and (min-width: 768px) {
    header .search-container .magnifier::after .search-input {
        height: 36px;
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .magnifier::after .search-input {
        font-family: "Raleway Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px;
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .magnifier::after .search-input {
        min-width: 624px;
    }
}

header .search-container .magnifier::after .search-button {
    width: 36px;
    height: 36px;
}

@media only screen and (min-width: 768px) {
    header .search-container .magnifier::after__magnifier {
        display: flex;
    }

        header .search-container .magnifier::after__magnifier > svg {
            width: 12px;
            height: 12px;
        }
}

header .search-container .search-input {
    border: 1px solid #d9d9d9;
    max-width: 624px;
    height: 48px;
    box-shadow: none;
    padding: 12px;
    width: 100%;
    min-width: auto;
    font-family: "Raleway Regular", sans-serif;
    font-size: 12px;
    line-height: 18px;
}

@media only screen and (min-width: 768px) {
    header .search-container .search-input {
        height: 36px;
    }
}

@media only screen and (min-width: 992px) {
    header .search-container .search-input {
        font-family: "Raleway Regular", sans-serif;
        font-size: 14px;
        line-height: 20px;
        min-width: 524px;
        height: 48px;
        padding: 12px 20px;
    }
}

@media only screen and (min-width: 1200px) {
    header .search-container .search-input {
        min-width: 624px;
    }
}

header .search-container .search-button {
    width: 36px;
    height: 36px;
}

@media only screen and (min-width: 768px) {
    header .search-container__magnifier {
        display: flex;
    }

        header .search-container__magnifier > svg {
            width: 12px;
            height: 12px;
        }
}