@font-face {
    font-family: roboto-example;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/RobotoRegular/RobotoRegular.eot);
    src: url(../fonts/RobotoRegular/RobotoRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoRegular/RobotoRegular.woff) format("woff"), url(../fonts/RobotoRegular/RobotoRegular.ttf) format("truetype")
}

@font-face {
    font-family: roboto-example;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/RobotoBold/RobotoBold.eot);
    src: url(../fonts/RobotoBold/RobotoBold.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoBold/RobotoBold.woff) format("woff"), url(../fonts/RobotoBold/RobotoBold.ttf) format("truetype")
}

@font-face {
    font-family: geometria;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Geometria.eot);
    src: url(../fonts/Geometria.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria.woff) format("woff"), url(../fonts/Geometria.ttf) format("truetype")
}

@font-face {
    font-family: geometria-bold;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Geometria-Bold.eot);
    src: url(../fonts/Geometria-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria-Bold.woff) format("woff"), url(../fonts/Geometria-Bold.ttf) format("truetype")
}

@font-face {
    font-family: geometria-ExtraLight;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Geometria-ExtraLight.eot);
    src: url(../fonts/Geometria-ExtraLight.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria-ExtraLight.woff) format("woff"), url(../fonts/Geometria-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-family: geometria-Light;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Geometria-Light.eot);
    src: url(../fonts/Geometria-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria-Light.woff) format("woff"), url(../fonts/Geometria-Light.ttf) format("truetype")
}

@font-face {
    font-family: geometria-Medium;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Geometria-Medium.eot);
    src: url(../fonts/Geometria-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria-Medium.woff) format("woff"), url(../fonts/Geometria-Medium.ttf) format("truetype")
}

@font-face {
    font-family: denistina;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/denistina_en.eot);
    src: url(../fonts/denistina_en.eot?#iefix) format("embedded-opentype"), url(../fonts/denistina_en.woff) format("woff"), url(../fonts/denistina_en.ttf) format("truetype")
}

@font-face {
    font-family: Geometria-ExtraBold;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Geometria-ExtraBold.eot);
    src: url(../fonts/Geometria-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria-ExtraBold.woff) format("woff"), url(../fonts/Geometria-ExtraBold.ttf) format("truetype")
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder {
    color: #666;
    opacity: 1
}

::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

body input:focus:required:invalid, body textarea:focus:required:invalid {
    color: #666
}

body input:required:valid, body textarea:required:valid {
    color: #666
}

body, html {
    height: 100%
}

body {
    font-size: 16px;
    min-width: 320px;
    position: relative;
    line-height: 1.65;
    font-family: geometria, sans-serif;
    overflow-x: hidden;
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

ul {
    margin: 0;
    padding: 0
}

.container {
    max-width: 1200px;
    margin: 0 auto
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.text-center {
    text-align: center
}

::-moz-selection {
    background-color: #e4b407;
    color: #fff
}

::selection {
    background-color: #e4b407;
    color: #fff
}

header {
    z-index: 99
}

.header {
    position: relative;
    width: 100%
}

.header-logo {
    position: absolute;
    left: 0;
    top: 0
}

.header-flag {
    position: absolute;
    right: 0;
    top: 0
}

.first {
    width: 100%;
    height: auto;
    padding-top: 30px;
    background-image: url(../img/bg1.png)
}

.yellow {
    color: #e4b407 !important
}

.first_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.first_content-item {
    width: 50%
}

.left-side {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 50px
}

.left-side h2 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 53px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #fff;
    margin: 10px 0
}

.first_content-item-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.first_content-item-top ul li {
    background: #fff;
    border-radius: 50px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #575be1;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px
}

.first_content-item-top ul li:first-child {
    margin: 0
}

.first_content-item-top ul li img {
    margin-right: 6px
}

.form {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    max-width: 420px
}

.form p {
    font-family: geometria-bold !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    margin: 10px 0
}

.form p span {
    font-family: geometria-bold !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px
}

.form span {
    font-family: geometria;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #212128
}

.right-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.webinar {
    padding: 50px 0
}

.circle-title {
    position: relative;
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center
}

.circle-title::after {
    content: url(../img/circle1.svg);
    position: absolute;
    top: -14px;
    left: -16px
}

.webinar-content_title {
    text-align: center
}

.webinar-content_title p {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 53px;
    text-align: center;
    margin: 8px 0;
    color: #212128
}

.webinar__items-item {
    text-align: center;
    width: 30%
}

.webinar__items-item-top {
    margin-bottom: 30px;
    position: relative
}

.webinar__items-item-bottom {
    margin-top: 20px
}

.webinar__items-item-bottom span {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.webinar__items-item-bottom p {
    font-family: geometria-Light;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.webinar__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px
}

.first-line {
    position: relative
}

.first-line::before {
    content: url(../img/line1.svg);
    display: block;
    position: absolute;
    right: -55%;
    bottom: -80%
}

.second-line {
    position: relative
}

.second-line::before {
    content: url(../img/line2.svg);
    display: block;
    position: absolute;
    right: -54%;
    top: -85%
}

.about {
    background-image: url(../img/bg2.png);
    background: #f7f7fd;
    width: 100%;
    height: auto;
    padding: 80px 0;
    position: relative
}

.ellipse10 {
    position: absolute;
    left: 0;
    top: 5%
}

.ellipse11 {
    position: absolute;
    right: 0;
    top: 18%
}

.shadow1 {
    position: absolute;
    left: 0;
    top: 50px
}

.shadow2 {
    position: absolute;
    right: 0;
    bottom: 50px
}

.about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 80px 0
}

.about__items-side-title {
    position: relative
}

.about__items-side-title p {
    z-index: 99;
    position: inherit
}

.circle {
    position: absolute;
    left: 67px;
    top: -8px;
    z-index: 0
}

.about__items-side-text {
    background: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, .03);
    box-shadow: 0 15px 34px rgba(0, 0, 0, .03);
    max-width: 430px;
    padding: 30px
}

.about__items-side-text span {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.about__items-side {
    width: 50%
}

.first-rectangle {
    position: relative;
    background-size: cover
}

.first-rectangle::before {
    content: "";
    position: absolute;
    width: 84px;
    height: 88px;
    bottom: -15px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 0 9px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: skewY(-37deg);
    -ms-transform: skewY(-37deg);
    transform: skewY(-37deg);
    background: -o-linear-gradient(53deg, #fff 50%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(37deg, #fff 50%, rgba(255, 255, 255, 0) 50%)
}

.second-rectangle {
    position: relative;
    background-size: cover;
    margin: 0 80px 0 0
}

.second-rectangle::before {
    content: "";
    position: absolute;
    width: 84px;
    height: 88px;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 10px 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: skewY(50deg);
    -ms-transform: skewY(50deg);
    transform: skewY(50deg);
    background: -o-linear-gradient(140deg, #fff 50%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(310deg, #fff 50%, rgba(255, 255, 255, 0) 50%)
}

.about__items-side-text p {
    font-family: geometria-Light;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.right-title {
    text-align: center
}

.right-title p {
    margin-right: 100px
}

.right-title .circle {
    right: 20px;
    left: inherit
}

.right-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.special-conditions {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #575be1;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 150px;
    border-top-right-radius: 50px;
    position: relative
}

.special-conditions-text h2 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 25px;
    line-height: 55px;
    color: #fff;
    z-index: 99;
    position: relative
}

.special-conditions-text {
    margin: 0 50px
}

.button {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button a {
    text-decoration: none;
    color: #fff;
    font-family: geometria-ExtraLight;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 20px 50px;
    border: 1px solid #fff;
    border-radius: 60px;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s
}

.button a:hover {
    background: #e4b407;
    border: 1px solid #e4b407
}

.left-star {
    position: absolute;
    left: 0;
    bottom: 0
}

.right-star {
    position: absolute;
    right: 33%;
    z-index: 0
}

.leading {
    position: relative
}

.hat {
    position: absolute;
    right: 0;
    bottom: 40%
}

.leading__title {
    position: absolute;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.leading_content {
    min-height: 100vh;
    position: relative
}

.girls {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.leading__title h4 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 99px;
    line-height: 78px;
    margin: 50px 0
}

.leading__title h2 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 250px;
    line-height: 78px;
    margin: 20px 0
}

.leading-name_one {
    position: absolute;
    left: 20%;
    top: 20%
}

.leading-name_one::before {
    content: url(../img/arrowl.svg);
    position: absolute;
    bottom: -107px;
    left: -50px
}

.leading-name_one p {
    font-family: denistina;
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 42px
}

.leading-name_two {
    position: absolute;
    right: 12%;
    bottom: 35%
}

.leading-name_two::before {
    content: url(../img/arrowr.svg);
    position: absolute;
    bottom: 127px;
    left: -145px
}

.leading-name_two p {
    font-family: denistina;
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 42px
}

strong {
    font-family: geometria-bold
}

.knowledge {
    padding: 100px 0
}

.knowledge__content-title {
    text-align: center;
    margin-top: 50px
}

.knowledge__content-title h3 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 78px;
    margin: 20px 0
}

.knowledge__content-items_item {
    height: 320px;
    width: 20%;
    padding: 22px;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .05);
    border-radius: 27px;
    position: relative;
    overflow: hidden;
    background: #e4b407
}

.knowledge__content-items_item img {
    position: relative;
    z-index: 99
}

.knowledge__content-items_item-bottom p {
    position: relative;
    font-family: geometria-Light;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.knowledge-first::after {
    content: url(../img/ellipse.png);
    position: absolute;
    top: 0;
    left: 0
}

.knowledge-second::after {
    content: url(../img/ellipse2.png);
    position: absolute;
    right: 0;
    bottom: -9px
}

.knowledge-third::after {
    content: url(../img/ellipse3.png);
    position: absolute;
    top: 0;
    right: 0
}

.knowledge-fourth::after {
    content: url(../img/ellipse4.png);
    position: absolute;
    bottom: -9px;
    left: 0
}

.knowledge__content-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.school {
    padding: 50px 0;
    background: #f7f7fd
}

.school-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.school-content-img {
    width: 50%
}

.school-content-text {
    width: 50%
}

.school-content-text h3 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 62px;
    line-height: 78px;
    margin: 10px 0
}

.school-content-text p {
    font-family: geometria;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    margin: 0
}

.school-content-text ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.school-content-text ul li {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 58px;
    line-height: 78px;
    color: #e4b407;
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.school-content-text ul li span {
    font-family: geometria-ExtraLight;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #212128
}

.footer {
    background: #575be1;
    padding: 100px 0
}

.footer_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.footer_content h2 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 48px;
    color: #fff
}

.footer_content p {
    font-family: geometria-ExtraLight;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.form h4 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center
}

.footer_content-left {
    position: relative
}

.school1 {
    position: absolute;
    left: -45%
}

.camp {
    position: absolute;
    right: -124px;
    top: 10%
}

#popup_sms input, .form_new input {
    font-family: geometria-ExtraLight, sans-serif;
    width: 100%;
    height: 38px;
    color: #505050;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 60px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 0 0 0 #dcdcdc;
    box-shadow: 0 0 0 0 #dcdcdc;
    background: #eee;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    margin: 6px 0;
    padding: 20px;
    border-radius: 60px
}

#popup_sms button, .form_new button {
    color: #fff;
    font-family: geometria-ExtraLight, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 1.25;
    background: #e4b407;
    border-radius: 60px;
    border: 0 solid #e4b407;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 38px;
    padding: 10px 14px 10px 14px;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    margin: 6px 0
}

.lock-mobile {
    display: none
}

.school-mob {
    display: none
}

.thank {
    width: 100%;
    height: auto;
    background-image: url(../img/thank.png);
    background-size: cover;
    min-height: 100vh;
    position: relative
}

.thank_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.thank_content h1 {
    text-align: center;
    font-family: geometria-bold;
    color: #e4b407
}

.main-title {
    font-family: geometria;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #fff;
    margin-top: 30px
}

.main-title-second {
    font-family: geometria;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 30px
}

.speakers {
    margin-top: 80px;
    margin-bottom: 55px;
}

.speakers__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.speakers__container-item {
    width: 50%
}

.left-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.left-block h2 {
    font-family: geometria-bold;
    font-style: normal;
    font-weight: 800;
    font-size: 60px;
    line-height: 62px;
    color: #212128
}

.left-block img {
    max-width: 151px
}

.speakers__name-michael {
    position: relative
}

.speakers__name-michael::before {
    content: url(../img/ellipse-1.svg);
    position: absolute;
    left: -60px;
    top: -9px
}

.speakers__name-lesya {
    position: relative
}

.speakers__name-lesya::after {
    content: url(../img/ellipse-2.svg);
    position: absolute;
    right: -13px;
    top: 7px
}

.names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.speakers__name p {
    font-family: geometria;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    z-index: 9
}

.speakers__name span {
    font-family: geometria;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #212128;
    opacity: .6;
    position: relative;
    z-index: 9
}

.calendar {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (min-width: 1600px) {
    .leading-name_two {
        bottom: 27%
    }

    .leading-name_one {
        top: 30%
    }
}

@media only screen and (max-width: 1200px) {
    .leading__title h4 {
        font-size: 78px
    }

    .leading-name_two {
        position: absolute;
        right: 8%;
        bottom: 31%
    }

    .leading-name_one {
        position: absolute;
        left: 16%;
        top: 26%
    }

    .leading__title h2 {
        font-size: 200px
    }

    .knowledge__content-items_item {
        width: 24%
    }

    .left-side {
        width: 45%;
        margin-top: 120px;
        margin-bottom: 50px
    }

    .container {
        max-width: 1024px
    }

    .left-side h2 {
        font-size: 35px;
        line-height: 43px
    }

    .right-side img {
        max-width: 550px
    }
}

@media only screen and (max-width: 1024px) {
    .knowledge__content-items_item {
        margin: 10px
    }

    .knowledge__content-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .knowledge__content-items_item {
        width: 30%
    }

    .about__items-side-text span {
        position: relative;
        z-index: 999
    }

    .second-rectangle::before {
        content: "";
        position: absolute;
        width: 86px;
        height: 68px;
        bottom: inherit;
        top: -11px;
        z-index: 99;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0 0 0 9px;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: skewY(-37deg);
        -ms-transform: skewY(-37deg);
        transform: skewY(26deg);
        background: #fff
    }

    .right-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .second-rectangle {
        margin: 0
    }

    .about__items-side-text {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .mobile-bg {
        background: #fff;
        text-align: center;
        -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, .03);
        box-shadow: 0 15px 34px rgba(0, 0, 0, .03);
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        padding-bottom: 30px
    }

    .mobile-bg img {
        max-width: 336px
    }

    .first-rectangle::before {
        content: "";
        position: absolute;
        width: 86px;
        height: 68px;
        bottom: inherit;
        top: -11px;
        z-index: 99;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0 0 0 9px;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: skewY(-37deg);
        -ms-transform: skewY(-37deg);
        transform: skewY(21deg);
        background: #fff
    }

    .about__items-side-title p {
        margin: 0;
        max-width: 200px;
        padding: 10px 10px 24px 15px;
        border-top-left-radius: 28px;
        border-top-right-radius: 20px
    }

    .about__items-side-text {
        max-width: 100%
    }

    .about__items-side {
        width: 59%
    }

    .right-title {
        text-align: left
    }

    .about__items-side-title p {
        background: #e4b407
    }

    .about__items-side-title img {
        display: none
    }

    .reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .first-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .check-three {
        position: absolute;
        top: 176px;
        right: 23px
    }

    .check-two {
        position: absolute;
        left: 21px;
        top: 55px
    }

    .check-one {
        position: absolute;
        right: 12px;
        top: 66px
    }

    .second-line::before {
        display: none
    }

    .first-line::before {
        display: none
    }

    .left-side h2 {
        font-size: 31px;
        line-height: 37px
    }

    .container {
        max-width: 920px
    }
}

@media only screen and (max-width: 992px) {
    .leading-name_one {
        position: absolute;
        left: 13%;
        top: 27%
    }

    .leading__title h4 {
        font-size: 70px;
        margin: 10px 0
    }

    .leading__title h2 {
        font-size: 150px
    }

    .hat {
        display: none
    }

    .school-content-img img {
        max-width: 390px
    }

    .special-conditions-text h2 {
        font-size: 38px
    }

    .left-side h2 {
        font-size: 28px;
        line-height: 31px
    }

    .right-side img {
        max-width: 490px
    }

    .container {
        max-width: 810px
    }
}

@media only screen and (max-width: 800px) {
    .speaker-image img {
        position: relative;
        left: 50%;
        -webkit-transform: translate(-45%, 2%);
        -ms-transform: translate(-45%, 2%);
        transform: translate(-45%, 2%)
    }

    .speakers__container-item {
        width: 100%
    }

    .speakers__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .right-side {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .first_content-item {
        width: 100%
    }

    .left-side {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .first_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 768px) {
    .leading-name_two {
        right: 12%
    }

    .leading-name_one {
        left: 18%
    }

    .leading__title h2 {
        font-size: 100px
    }

    .calendar {
        position: absolute;
        top: 0;
        z-index: 99;
        right: 27px
    }

    .leading__title {
        position: absolute;
        bottom: inherit;
        top: 15%
    }

    .leading-name_two::before {
        content: url(../img/arrowr-nob.svg);
        left: inherit;
        bottom: -75px;
        right: -37px
    }

    .leading-name_one::before {
        content: url(../img/arrowl-mob.svg);
        bottom: -54px
    }

    .leading-name_two {
        position: absolute;
        bottom: inherit;
        top: 27%
    }

    .footer_content-left {
        margin-bottom: 30px
    }

    .school1 {
        position: absolute;
        left: -30%;
        top: -41px
    }

    .footer_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .school-content-text {
        width: 100%
    }

    .school-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .knowledge__content-items_item {
        width: 47%
    }

    .button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .right-star {
        right: 77%
    }

    .special-conditions {
        padding: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        border-top-left-radius: 186px;
        border-top-right-radius: 186px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lock-desktop {
        display: none
    }

    .lock-mobile {
        display: block
    }

    .about__items-side {
        width: 90%
    }

    .webinar__items-item {
        width: 37%
    }

    .webinar__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container {
        max-width: 720px
    }

    .first_content-item-top ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .first_content-item-top ul li {
        font-size: 15px;
        margin: 10px 0
    }
}

@media only screen and (max-width: 540px) {
    .main-title {
        width: 100%
    }

    .form p {
        font-size: 18px
    }

    .left-side h2 {
        margin-top: 20px
    }

    .main-title {
        font-size: 15px
    }

    .left-side h2 {
        margin-bottom: 20px
    }

    .first_content-item-top ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .left-side {
        margin-top: 75px
    }

    .form {
        text-align: center
    }

    /*.main-title-second {*/
    /*    display: none*/
    /*}*/

    .left-side h2 {
        width: 100%
    }

    .about {
        overflow: hidden
    }

    .speaker-image img {
        max-width: 415px;
        width: 100%
    }

    .speakers__name p {
        font-size: 14px
    }

    .speakers__name span {
        font-size: 13px
    }

    .calendar {
        position: absolute;
        top: -52px;
        z-index: 99;
        right: -8px
    }

    .left-block h2 {
        font-size: 40px;
        line-height: 44px
    }

    .leading_content {
        overflow: hidden
    }

    .webinar__items-item {
        width: 63%
    }

    .left-side h2 {
        font-size: 30px;
        text-align: left
    }

    .first_content-item-top {
        width: 100%
    }

    .container {
        max-width: 500px
    }

    .header-flag {
        max-width: 150px
    }
}

@media only screen and (max-width: 480px) {
    .speaker-image img {
        transform: translate(-50%, 20%)
    }

    .knowledge {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .about .container {
        width: 100% !important
    }

    .leading-name_one::before {
        left: -40px
    }

    .leading {
        margin-top: 60px
    }

    .leading__title h2 {
        font-family: Geometria-ExtraBold
    }

    .leading__title h4 {
        font-size: 28px;
        line-height: 0
    }

    .leading__title h2 {
        font-size: 73px
    }

    .leading-name_two {
        right: 11%
    }

    .leading-name_one {
        left: 11%
    }

    .leading_content {
        min-height: 70vh
    }

    .leading-name_two p {
        font-size: 34px;
        line-height: 30px
    }

    .leading-name_one p {
        font-size: 34px;
        line-height: 30px
    }

    .girls {
        max-width: 395px
    }

    .form h4 {
        margin: 0;
        margin-bottom: 20px
    }

    .centres {
        max-width: 190px
    }

    .school1 {
        max-width: 130px;
        left: 0
    }

    .camp {
        position: absolute;
        right: 0;
        top: 10%;
        max-width: 130px
    }

    .footer_content p br {
        display: none
    }

    .footer_content h2 {
        font-size: 26px;
        line-height: 33px
    }

    .school-content-img img {
        margin: 0 auto
    }

    .school-desc {
        display: none
    }

    .school-mob {
        display: block
    }

    .school-content-img {
        width: 100%
    }

    .school-content-text ul li {
        font-size: 46px
    }

    .school-content-text h3 {
        font-size: 42px;
        line-height: 78px
    }

    .school-content-text p {
        line-height: 27px
    }

    .knowledge__content-title h3 {
        font-size: 28px;
        line-height: 78px
    }

    .knowledge__content-items_item {
        width: 100%
    }

    .special-conditions {
        padding: 19px;
        padding-top: 37px
    }

    .right-star {
        right: 67%
    }

    .left-star {
        left: 68%;
        bottom: 30%
    }

    .special-conditions-text h2 {
        font-size: 28px;
        line-height: 35px
    }

    .form p {
        margin-top: 0
    }

    .webinar-content_title p {
        font-size: 28px;
        line-height: 35px
    }

    .mobile-bg img {
        max-width: 295px
    }

    .about__items-side-title p {
        width: 200px
    }

    .about__items-side {
        width: 100%
    }

    .header-logo {
        max-width: 156px
    }

    .right-side img {
        max-width: 50%
    }

    .container {
        max-width: 380px
    }
}

@media only screen and (max-width: 375px) {
    .first_content-item-top ul li {
        font-size: 13px
    }

    .leading_content {
        min-height: 62vh
    }

    .leading-name_two::before {
        bottom: -63px;
        right: -54px;
        -webkit-transform: rotate(340deg);
        -ms-transform: rotate(340deg);
        transform: rotate(340deg)
    }

    .leading-name_two {
        top: 20%
    }

    .leading-name_one {
        top: 20%
    }

    .special-conditions {
        padding: 19px
    }

    .webinar__items-item {
        width: 72%
    }

    .container {
        max-width: 336px
    }
}

@media (max-height: 736px) and (min-width: 414px) {
    .leading_content {
        min-height: 73vh
    }
}

@media (max-height: 667px) and (min-width: 375px) {
    .leading-name_two::before {
        bottom: -63px;
        right: -46px
    }

    .leading_content {
        min-height: 78vh
    }
}